mirror of
https://github.com/urbit/developers.urbit.org.git
synced 2024-10-26 15:49:50 +03:00
35 lines
1.1 KiB
JavaScript
35 lines
1.1 KiB
JavaScript
import Link from "next/link";
|
|
import { useState } from "react";
|
|
import { MenuTray } from "@urbit/foundation-design-system";
|
|
|
|
export default function Sidebar(props) {
|
|
const [isOpen, setTray] = useState(false);
|
|
return (
|
|
<>
|
|
<div className="hidden md:flex flex-col w-96 bg-wall-100 max-h-screen h-screen">
|
|
<header className="flex shrink-0 justify-between items-center pl-6 pt-12 mt-5 pb-8">
|
|
<Link href="/" passHref>
|
|
<a className="text-lg font-semibold text-wall-500">
|
|
Urbit Developers
|
|
</a>
|
|
</Link>
|
|
</header>
|
|
<div className="overflow-y-auto p-6 pt-16">
|
|
{props.children}
|
|
<div className="pb-32" />
|
|
</div>
|
|
</div>
|
|
|
|
<MenuTray isOpen={isOpen} setTray={setTray} search={props.search}>
|
|
<header className="flex shrink-0 justify-between items-center pb-4">
|
|
<Link href="/" passHref>
|
|
<a className="font-semibold">Urbit Developers</a>
|
|
</Link>
|
|
</header>
|
|
{props.children}
|
|
<div className="pt-32" />
|
|
</MenuTray>
|
|
</>
|
|
);
|
|
}
|