From 683354ec93037f0ff6563524c9a0547435b9c0dc Mon Sep 17 00:00:00 2001
From: Nils Pukropp <nils@narl.io>
Date: Tue, 5 May 2026 22:25:12 +0200
Subject: [PATCH] sidebar changes

---
 frontend/src/App.tsx | 34 ++++++++++++++++++----------------
 1 file changed, 18 insertions(+), 16 deletions(-)

diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 36e0743..03e827a 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -70,8 +70,8 @@ const App: React.FC = () => {
   const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);
   const [notifAnchorEl, setNotifAnchorEl] = useState<null | HTMLElement>(null);
   const [categories, setCategories] = useState<{ name: string; slug: string }[]>([]);
-  const [drawerOpen, setDrawerOpen] = useState(false);
   const isMobile = useMediaQuery(muiTheme.breakpoints.down('md'));
+  const [drawerOpen, setDrawerOpen] = useState(!isMobile);
 
   useEffect(() => {
     api
@@ -110,8 +110,8 @@ const App: React.FC = () => {
   const hamburger = (
     <IconButton
       color="inherit"
-      onClick={() => setDrawerOpen(true)}
-      aria-label="open navigation"
+      onClick={() => setDrawerOpen((o) => !o)}
+      aria-label="toggle navigation"
       sx={{ mx: 0.5 }}
     >
       <MenuIcon />
@@ -217,7 +217,7 @@ const App: React.FC = () => {
       }}
     >
       <GlassAppBar>
-        {isMobile && mobileAnchor === 'left' && hamburger}
+        {mobileAnchor === 'left' && hamburger}
 
         <Typography
           variant="h6"
@@ -292,23 +292,25 @@ const App: React.FC = () => {
             </>
           )}
 
-          {isMobile && mobileAnchor === 'right' && hamburger}
+          {mobileAnchor === 'right' && hamburger}
         </Box>
       </GlassAppBar>
 
-      <SwipeableDrawer
-        anchor={mobileAnchor}
-        open={drawerOpen}
-        onOpen={() => setDrawerOpen(true)}
-        onClose={() => setDrawerOpen(false)}
-        disableBackdropTransition
-        disableDiscovery
-      >
-        <NavSidebar categories={categories} onNavigate={() => setDrawerOpen(false)} />
-      </SwipeableDrawer>
+      {isMobile && (
+        <SwipeableDrawer
+          anchor={mobileAnchor}
+          open={drawerOpen}
+          onOpen={() => setDrawerOpen(true)}
+          onClose={() => setDrawerOpen(false)}
+          disableBackdropTransition
+          disableDiscovery
+        >
+          <NavSidebar categories={categories} onNavigate={() => setDrawerOpen(false)} />
+        </SwipeableDrawer>
+      )}
 
       <Box sx={{ display: 'flex', flexGrow: 1, minHeight: 0 }}>
-        {!isMobile && (
+        {!isMobile && drawerOpen && (
           <Box
             component="aside"
             sx={{