import Link from "next/link"; import { useRouter } from "next/router"; import { useState, useEffect } from "react"; import classnames from "classnames"; import { IntraNav, capitalize, MenuTray } from "@urbit/foundation-design-system"; import '@docsearch/css'; function ActiveLink({ children, href, className, currentPath }) { const firstCrumb = currentPath.split("/")[1]; const activeClassName = classnames({ "text-wall-600": "/" + firstCrumb === href, "text-wall-500": "/" + firstCrumb !== href, }); return ( {children} ); } export default function Header({ search }) { const [isOpen, setTray] = useState(false); const currentPath = useRouter().asPath; const routeDepth = currentPath.split("/").length; const firstCrumb = currentPath.split("/")[1]; return ( <> {" "}
Urbit Developers {routeDepth > 2 ? ( {capitalize(firstCrumb)} ) : null}
{ // Large screen header } { // Small screen header } Urbit Developers Urbit.org Operators Developers Roadmap
Overview Guides Reference Courses Blog
); }