archived/supMDX
Template
1
0
Fork 0
Code Issues Pull requests Activity

nav auto open

Browse source
This commit is contained in:
sup39 2022-11-06 16:59:26 +09:00
parent ae827f515d
commit add93b2e3e
1 changed files with 3 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
components/Nav.tsx
View file

@ -13,9 +13,11 @@ export type NavEntryInfo = {
export function NavEntry<Body, >({ export function NavEntry<Body, >({
entry: {name, link, children}, dir, here, children: childrenJSX, entry: {name, link, children}, dir, here, children: childrenJSX,
}: {entry: NavEntryInfo, dir: string, here: string, children?: Body}) { }: {entry: NavEntryInfo, dir: string, here: string, children?: Body}) {
const [toggle, setToggle] = useState(false);
const href = dir+link; const href = dir+link;
const isHere = href.replace(/\/$/, '')===here; // remove trailing slash const isHere = href.replace(/\/$/, '')===here; // remove trailing slash
const isRHere = isHere || here.startsWith(href); // here or is children
const [toggle, setToggle] = useState(isRHere);
const entryCls = 'nav-entry'+(isHere ? ' nav-here' : ''); const entryCls = 'nav-entry'+(isHere ? ' nav-here' : '');
return children?.length ? <div className={'nav-dir'+(toggle ? ' nav-fold-open' : '')}><> return children?.length ? <div className={'nav-dir'+(toggle ? ' nav-fold-open' : '')}><>
<div className={entryCls}> <div className={entryCls}>