From 3b6c47d1a9b1ffd7b944308e4712f4b029fa642d Mon Sep 17 00:00:00 2001
From: Niklas <198754647+BlankAccountsUsername@users.noreply.github.com>
Date: Fri, 20 Jun 2025 17:26:18 +0200
Subject: [PATCH] add router links for menu but the pages dont exit at the
 moment

---
 code/frontend/src/components/Header.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/code/frontend/src/components/Header.tsx b/code/frontend/src/components/Header.tsx
index cbfeb51..d6781d1 100644
--- a/code/frontend/src/components/Header.tsx
+++ b/code/frontend/src/components/Header.tsx
@@ -7,6 +7,7 @@ import DynamicFeedIcon from '@mui/icons-material/DynamicFeed';
 import PersonIcon from '@mui/icons-material/Person';
 import InfoIcon from '@mui/icons-material/Info';
 import LogoutIcon from '@mui/icons-material/Logout';
+import { Link } from "react-router-dom";
 
 // TODO: Dinge so umstrukturieren, dass der State für das offene menü in Header ist und das Menü auch in Header, sodass es mit width 100% die volle breite einnehmen kann
 
@@ -18,7 +19,7 @@ function Header() {
     setIsOpen(!isOpen);
   };
   const iconList = [DynamicFeedIcon, AddAPhotoIcon, PersonIcon, InfoIcon, LogoutIcon];
-  const routerLinksList = ["/feed","/app","/app","/app","/app"]
+  const routerLinksList = ["/","/createpost","/profile","/aboutus","/"]
 
   const DrawerList = (
     <Box sx={{ width: 250 }} role="presentation" onClick={() => setIsOpen(false)}>
@@ -34,7 +35,7 @@ function Header() {
       <List sx={{height:'100vh', bgcolor: 'background.paper'}}>
         {["Feed", "Create Post", "Profile", "About Us", "Log Out"].map((text, index) => (
           <ListItem sx={{height: '10vh'}} key={text} disablePadding>
-            <ListItemButton sx={{height: '10vh'}} /*component={RouterLink} to={routerLinksList[index]}*/>
+            <ListItemButton sx={{height: '10vh'}} component={Link} to={routerLinksList[index]} >
               <ListItemIcon>
               {React.createElement(iconList[index])}
               </ListItemIcon>