Changeset 8ca35dc for my-react-app/src/components/Header.js

Timestamp:

01/19/25 23:18:37 (4 months ago)

Author:

Aleksandar Panovski <apano77@…>

Branches:

main

Children:

f5b256e

Parents:

db39d9e

Message:

Done with stupid timeslots

File:

• my-react-app/src/components/Header.js (modified) (3 diffs)

my-react-app/src/components/Header.js

@@ -1 +1 @@
 import React from 'react';
-import { Link } from 'react-router-dom';
+import { Link, useNavigate } from 'react-router-dom';
 
 const Header = () => {
+    const navigate = useNavigate();
+
+    // Check if the user is logged in by looking for a token in localStorage
+    const isLoggedIn = localStorage.getItem('token');
+
+    const handleLogout = () => {
+        // Clear the token from localStorage
+        localStorage.removeItem('token');
+        // Redirect to the home page or login page after logging out
+        navigate('/login');
+    };
+
     return (
         <header className="header navbar navbar-expand-lg navbar-light bg-light">
@@ -15 +27 @@
                         </li>
                         <li className="nav-item">
-                            <Link className="nav-link" to="/customers">Customers</Link>
-                        </li>
-                        <li className="nav-item">
-                            <Link className="nav-link" to="/customers/add">Add Customer</Link>
-                        </li>
-                        <li className="nav-item">
                             <Link className="nav-link" to="/restaurants">Restaurants</Link>
                         </li>
@@ -26 +32 @@
                             <Link className="nav-link" to="/reservations">Reservations</Link>
                         </li>
+                        <li className="nav-item">
+                            <Link className="nav-link" to="/reservations-past">Reservation history</Link>
+                        </li>
                         <form className="form-inline mt-2 mt-md-0 ml-3">
-                            <Link className="btn btn-outline-info my-2 my-sm-0" to={"/login"}>Login</Link>
+                            {isLoggedIn ? (
+                                <button className="btn btn-outline-danger my-2 my-sm-0" onClick={handleLogout}>Logout</button>
+                            ) : (
+                                <Link className="btn btn-outline-info my-2 my-sm-0" to="/login">Login</Link>
+                            )}
                         </form>
                     </ul>