Changeset ac19a0c for frontend/src/Components/Layout/Navbar/Navigation.js

Timestamp:

01/13/24 23:19:50 (6 months ago)

Author:

darsov2 <62809499+darsov2@…>

Branches:

master

Children:

e85a562

Parents:

e9b4ba9

Message:

authContext impl, admin panel impl, search bar fixes, reservations listings impl

File:

• frontend/src/Components/Layout/Navbar/Navigation.js (modified) (6 diffs)

frontend/src/Components/Layout/Navbar/Navigation.js

@@ -7 +7 @@
 import useGet from "../../Hooks/useGet";
 import axios from "../../../axios.js";
+import {useAuth} from "../../Context/AuthContext";
 //import logo from 'assets/images/logo.png';
 //src="https://upload.wikimedia.org/wikipedia/commons/0/08/Vergina_Sun_-_Golden_Larnax.png"
@@ -12 +13 @@
 function Navigation(props) {
   const navigator = useNavigate();
-
-  const { data, setData, isLoading, getData } = useGet("/username");
-  
+  const Auth = useAuth();
+  const isLoggedIn = Auth.userIsAuthenticated();
   return (
     <>
@@ -24 +24 @@
       >
         <Container>
-          <Navbar.Brand href="#home">
+          <Navbar.Brand href="/home">
             <span className="ikona">
               <Image
@@ -50 +50 @@
                 Pricing
               </Nav.Link>
-              {!isLoading && !data && (
+              {!isLoggedIn && (
                 <Button
                   className="m-2"
@@ -62 +62 @@
                 </Button>
               )}
-              {!isLoading && data && (
+              {isLoggedIn && (
                 <>
                   <Nav.Link className="m-2" href="/profile">
-                    {data}
+                    {Auth.getUser().username}
                   </Nav.Link>
                   <Button
@@ -74 +74 @@
                       await axios.get("/logout")
                       .then((res) => {
-                        console.log(res)
+                        console.log(res);
+                        Auth.userLogout();
                       })
                       .catch((err) => {