git.iko.soy/urbit.org
on master help sign in
docs: they demand the root
ab03334Matilde Park
pages/docs/[[...slug]].js+20−4
compare with master
unifiedsplit
@@ -97,16 +97,32 @@ const pageTree = (thisLink, tree, level = 0) => {
97};
97};
98
98
99export default function DocsLayout({ posts, data, params, search, markdown }) {
99export default function DocsLayout({ posts, data, params, search, markdown }) {
100− const [isOpen, toggleTray] = useState(false);
100+ const router = useRouter();
101−
101+ const isSelected = "/docs".includes(router.asPath);
102+ const selectedClasses = classnames({
103+ dot: isSelected,
104+ "text-green": isSelected,
105+ "text-black": !isSelected,
106+ });
107+ const rootClasses = "pl-0 text-base hover:text-green";
102 return (
108 return (
103 <>
109 <>
104 <Head>
110 <Head>
105 <title>{data.title} • Documentation • urbit.org</title>
111 <title>{data.title} • Documentation • urbit.org</title>
106 </Head>
112 </Head>
107 <div className="flex w-screen h-screen min-h-screen w-screen">
113 <div className="flex w-screen h-screen min-h-screen w-screen">
114+ <Sidebar search={search}>
115+ <ul>
116+ <li>
117+ <Link href="/docs">
118+ <a className={`relative ${selectedClasses} ${rootClasses}`}>
119+ Developer Documentation
120+ </a>
121+ </Link>
122+ </li>
123+ </ul>
108− <Sidebar search={search}>{childPages("/docs", posts.children)}</Sidebar>
124+ {childPages("/docs", posts.children)}
109−
125+ </Sidebar>
110 <ContentArea
126 <ContentArea
111 breadcrumbs={breadcrumbs(posts, params.slug?.slice(0, -1) || "")}
127 breadcrumbs={breadcrumbs(posts, params.slug?.slice(0, -1) || "")}
112 title={data.title}
128 title={data.title}