GithubBackup/Foxel
1
0
Fork 0
mirror of https://github.com/DrizzleTime/Foxel.git synced 2026-06-25 17:23:59 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: persist collapsed state in localStorage for layout

Browse Source
This commit is contained in:
shiyu
2025-12-12 17:10:36 +08:00
parent 49a4300fc3
commit 1cda987723
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
web/src/router/LayoutShell.tsx
View File

@@ -1,5 +1,5 @@
import { Layout, Flex } from 'antd';
import { memo, useState } from 'react';
import { memo, useEffect, useState } from 'react';
import { useParams, useNavigate } from 'react-router';
import SideNav from '../layout/SideNav.tsx';
import TopHeader from '../layout/TopHeader.tsx';
@@ -22,7 +22,11 @@ const ShellBody = memo(function ShellBody() {
const navKey = params.navKey ?? 'files';
const subPath = params['*'] ?? '';
const navigate = useNavigate();
const [collapsed, setCollapsed] = useState(false);
const COLLAPSED_KEY = 'layout.siderCollapsed';
const [collapsed, setCollapsed] = useState(() => localStorage.getItem(COLLAPSED_KEY) === '1');
useEffect(() => {
localStorage.setItem(COLLAPSED_KEY, collapsed ? '1' : '0');
}, [collapsed]);
const { windows, closeWindow, toggleMax, bringToFront, updateWindow } = useAppWindows();
const settingsTab = navKey === 'settings' ? (subPath.split('/')[0] || undefined) : undefined;
return (