mirrors/VogelSocialMedia
1
0
Fork 0
mirror of https://github.com/bubblecup-12/VogelSocialMedia.git synced 2025-07-06 15:18:48 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

make logout button only be there when logged in

Browse source
This commit is contained in:
Niklas 2025-06-26 19:09:49 +02:00 • committed by BlankAccountsUsername
parent cc9fe432c0
commit b64dcc05b5
1 changed files with 4 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

9
code/frontend/src/components/Header.tsx
View file

@ -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>
);