frontend: persist sidebar expanded state

najdek · najdek · commit 75700847e8e3 · 2026-06-01T23:06:42.000+02:00
The sidebar's expanded/collapsed state is now saved in `localStorage`. This ensures that if the user collapses the sidebar, it stays collapsed after reloading the page or returning to the app later.
Implemented via a `useState` lazy initializer and `useEffect` hook in `App.jsx`.
diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
@@ -36,7 +36,14 @@ import LogViewer from './components/views/LogViewer'
 
 function App() {
   const [view, setView] = useState('dashboard')
-  const [sidebarExpanded, setSidebarExpanded] = useState(true)
+  const [sidebarExpanded, setSidebarExpanded] = useState(() => {
+    const saved = localStorage.getItem('sidebarExpanded')
+    return saved !== null ? JSON.parse(saved) : true
+  })
+
+  useEffect(() => {
+    localStorage.setItem('sidebarExpanded', JSON.stringify(sidebarExpanded))
+  }, [sidebarExpanded])
   const [autoloadStatus, setAutoloadStatus] = useState(null)
   const [logs, setLogs] = useState([])
   const [payloads, setPayloads] = useState([])
