UI: Hotfix sidebar collapsible not closing

This commit is contained in:
SonMooSans
2023-09-24 22:18:33 +08:00
parent d116b9f19f
commit a3fbf3b027
2 changed files with 11 additions and 9 deletions
+5
View File
@@ -0,0 +1,5 @@
---
'next-docs-ui': patch
---
Hotfix sidebar collapsible not closing
@@ -113,22 +113,19 @@ function Folder({
const pathname = usePathname()
const active = index != null && pathname === index.url
const shouldExtend = useMemo(
() => sidebarDefaultOpenLevel >= level || hasActive(children, pathname),
[sidebarDefaultOpenLevel, level, pathname]
)
const childActive = useMemo(() => hasActive(children, pathname), [pathname])
const [animated, setAnimated] = useState(false)
const [extend, setExtend] = useState(active || shouldExtend)
const [extend, setExtend] = useState(
active || childActive || sidebarDefaultOpenLevel >= level
)
useEffect(() => {
setAnimated(true)
}, [])
useEffect(() => {
if (active || shouldExtend) {
setExtend(true)
}
}, [active, shouldExtend])
if (childActive) setExtend(true)
}, [childActive])
const content = (
<>