From 0bb935b26accd00452b0eee9488cf3d36cb0730d Mon Sep 17 00:00:00 2001
From: Niklas <198754647+BlankAccountsUsername@users.noreply.github.com>
Date: Thu, 26 Jun 2025 19:09:49 +0200
Subject: [PATCH] make logout button only be there when logged in

---
 code/frontend/src/components/Header.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/code/frontend/src/components/Header.tsx b/code/frontend/src/components/Header.tsx
index 7588dd0..efb62ce 100644
--- a/code/frontend/src/components/Header.tsx
+++ b/code/frontend/src/components/Header.tsx
@@ -12,11 +12,10 @@ import { useAuth } from "../api/Auth";
 
 function Header() {
   const [isOpen, setIsOpen] = useState(false);
-  const iconRef = useRef<HTMLImageElement>(null);
   const toggleMenu = () => {
     setIsOpen(!isOpen);
   };
-  const { logout } = useAuth();
+  const { logout, user } = useAuth();
   const iconList = [DynamicFeedIcon, AddAPhotoIcon, PersonIcon, InfoIcon, LogoutIcon];
   const routerLinksList = ["/","/createpost","/profile","/about","/"]
 
@@ -35,14 +34,15 @@ function Header() {
             </ListItemButton>
           </ListItem>
         ))}
-        <ListItem className="drawer-list-item-button" key={"Log Out"} disablePadding>
+        {user && <ListItem className="drawer-list-item-button" key={"Log Out"} disablePadding>
             <ListItemButton className="drawer-list-item-button" onClick={logout}>
               <ListItemIcon className="drawer-list-item">
               {React.createElement(iconList[4])}
               </ListItemIcon>
               <ListItemText className="drawer-list-item" primary={"Log Out"}/>
             </ListItemButton>
-          </ListItem>
+        </ListItem> }
+        
       </List>
     </Box>
   );