#13 Got auth logic working

frontend/src/components/MyNavbar.jsx

@@ -1,6 +1,9 @@
+import { useContext } from "react";
 import { Nav, Container, Navbar } from "react-bootstrap";
+import UserContext from "../contexts/UserContext";
 
 const MyNavbar = () => {
+  const { currentUser } = useContext(UserContext);
   return (
     <Navbar variant="dark" bg="dark" expand="lg">
       <Container>
@@ -9,7 +12,9 @@ const MyNavbar = () => {
         <Navbar.Collapse id="navbar-nav">
           <Nav className="ms-auto">
             <Nav.Link href="/">Home</Nav.Link>
-            <Nav.Link href="/login">Login</Nav.Link>
+            {(currentUser?.id && (
+              <Nav.Link href="/logout">Logout</Nav.Link>
+            )) || <Nav.Link href="/login">Login</Nav.Link>}
           </Nav>
         </Navbar.Collapse>
       </Container>