Function SidebarNodes

website/app/components/docs/LeftSidebar.tsx:112–162

({
	nodes,
	currentPath,
	toggle,
}: {
	nodes: PageTree.Node[];
	currentPath: string;
	toggle?: () => void;
})

};

const SidebarNodes = ({
	nodes,
	currentPath,
	toggle,
}: {
	nodes: PageTree.Node[];
	currentPath: string;
	toggle?: () => void;
}) => (
	<>
		{nodes.map((node) => {
			switch (node.type) {
				case 'separator':
					return (
						<Text
							component="div"
							className={classes.separator}
							key={nodeKey(node)}
						>
							{node.name}
						</Text>
					);
				case 'page':
					return (
						<PageLink
							key={node.$id ?? node.url}
							node={node}
							className={classes.page}
							active={currentPath === node.url}
							toggle={toggle}
						/>
					);
				case 'folder':
					return (
						<Stack className={classes.folder} gap={3} key={nodeKey(node)}>
							<Text component="div" className={classes.folderTitle}>
								{node.name}
							</Text>
							<SidebarNodes
								nodes={node.children}
								currentPath={currentPath}
								toggle={toggle}
							/>
						</Stack>
					);
				default:
					return null;
			}
		})}
	</>
);

const RootSection = ({
	node,