初始化

初始化项目

web/src/components/useLayoutSidebar.ts

@@ -1,11 +1,8 @@
 import { useCallback, useEffect, useState } from 'react'
 
-import { NAV_GROUP_PATHS } from './layoutNavigation'
-
 export function useLayoutSidebar(pathname: string) {
   const [isSidebarOpen, setIsSidebarOpen] = useState(true)
   const [isMobileDrawerOpen, setIsMobileDrawerOpen] = useState(false)
-  const [openGroups, setOpenGroups] = useState<Record<string, boolean>>({ media: true })
 
   useEffect(() => {
     const handleResize = () => {
@@ -20,31 +17,15 @@ export function useLayoutSidebar(pathname: string) {
     setIsMobileDrawerOpen(false)
   }, [pathname])
 
-  const isRouteIn = useCallback(
-    (paths: string[]) =>
-      paths.some((path) => (path === '/' ? pathname === '/' : pathname.startsWith(path))),
-    [pathname],
-  )
-
-  const toggleGroup = useCallback(
-    (key: string) => setOpenGroups((current) => ({ ...current, [key]: !current[key] })),
-    [],
-  )
-
-  useEffect(() => {
-    const active = Object.entries(NAV_GROUP_PATHS).find(([, paths]) => isRouteIn(paths))?.[0]
-    if (active) {
-      setOpenGroups((current) => (current[active] ? current : { ...current, [active]: true }))
-    }
-  }, [isRouteIn])
+  const toggleSidebar = useCallback(() => {
+    setIsSidebarOpen((current) => !current)
+  }, [])
 
   return {
     isMobileDrawerOpen,
-    isRouteIn,
     isSidebarOpen,
-    openGroups,
     setIsMobileDrawerOpen,
     setIsSidebarOpen,
-    toggleGroup,
+    toggleSidebar,
   }
-}
+}