Function RootSection

website/app/components/docs/LeftSidebar.tsx:164–206

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

);

const RootSection = ({
	node,
	currentPath,
	toggle,
}: {
	node: PageTree.Node;
	currentPath: string;
	toggle?: () => void;
}) => {
	switch (node.type) {
		case 'page':
			return (
				<PageLink
					node={node}
					className={classes.rootSection}
					active={currentPath === node.url}
					iconClassName={classes.rootSectionIcon}
					toggle={toggle}
				/>
			);
		case 'folder': {
			const url = firstInternalPageUrl(node);
			if (!url) return null;

			const active = containsCurrentPage(node, currentPath);

			return (
				<Link
					className={classes.rootSection}
					to={url}
					prefetch="render"
					data-active={active}
					aria-current={active ? 'location' : undefined}
					onClick={toggle}
				>
					<span>{node.name}</span>
				</Link>
			);
		}
		default:
			return null;
	}
};

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