diff --git a/src/components/NavBar.tsx b/src/components/NavBar.tsx index 606b0ff..e2eddc5 100644 --- a/src/components/NavBar.tsx +++ b/src/components/NavBar.tsx @@ -10,8 +10,9 @@ import {FontAwesomeIcon} from '@fortawesome/react-fontawesome'; import {faCode, faSignOutAlt, faUser} from '@fortawesome/free-solid-svg-icons'; // Typing import User from '../models/User'; +import Dev from '../models/Dev'; -interface IProps extends WithFirebaseProps { +interface IProps extends Dev, WithFirebaseProps { isEmpty: boolean; isLoaded: boolean; } @@ -19,7 +20,7 @@ interface IProps extends WithFirebaseProps { /** * Main Navbar serves navigation Routes. */ -const NavBar: FC = ({firebase, isEmpty, isLoaded}) => { +const NavBar: FC = ({firebase, isEmpty, isLoaded, isActive}) => { const publicLinks = (
  • @@ -72,7 +73,8 @@ const NavBar: FC = ({firebase, isEmpty, isLoaded}) => { ); /** Display appropriated links after loading given authenticated prop */ - const RenderLinks = isLoaded && !isEmpty ? privateLinks : publicLinks; + const RenderLinks = + isLoaded && !isEmpty && isActive ? privateLinks : publicLinks; return (