From b64dcc05b5648092ee718edb688722e1aec92caa 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 | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/code/frontend/src/components/Header.tsx b/code/frontend/src/components/Header.tsx
index 6a1e9a0..923b892 100644
--- a/code/frontend/src/components/Header.tsx
+++ b/code/frontend/src/components/Header.tsx
@@ -14,12 +14,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","/"]
 
@@ -38,14 +36,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>
   );