Function LeftSidebar

website/app/components/docs/LeftSidebar.tsx:208–239

({ tree, toggle }: LeftSidebarProps)

};

const LeftSidebar = ({ tree, toggle }: LeftSidebarProps) => {
	const pageTree = usePageTree(tree);
	const location = useLocation();

	if (!pageTree) return null;

	const activeFolder = activeRootFolder(pageTree, location.pathname);

	return (
		<nav className={classes.wrapper} aria-label="Documentation">
			<Stack className={classes.rootSections} gap={1}>
				{pageTree.children.map((node) => (
					<RootSection
						key={nodeKey(node)}
						node={node}
						currentPath={location.pathname}
						toggle={toggle}
					/>
				))}
			</Stack>
			{activeFolder && (
				<Stack className={classes.activeSection} gap={3}>
					<SidebarNodes
						nodes={activeFolder.children}
						currentPath={location.pathname}
						toggle={toggle}
					/>
				</Stack>
			)}
		</nav>
	);
};

export { LeftSidebar };