nx/nx-dev/ui-common/src/lib/sidebar-container.tsx

25 lines
802 B
TypeScript

import { Menu } from '@nrwl/nx-dev/models-menu';
import { Sidebar, SidebarMobile } from '@nrwl/nx-dev/ui-common';
export function SidebarContainer({
menu,
navIsOpen,
}: {
menu: Menu;
navIsOpen: boolean;
}): JSX.Element {
return (
<div id="sidebar" data-testid="sidebar">
<SidebarMobile menu={menu} navIsOpen={navIsOpen} />
<div className="hidden h-full w-72 flex-col border-r border-slate-200 dark:border-slate-700 dark:bg-slate-900 md:flex">
<div className="relative flex flex-grow overflow-y-scroll p-4">
<Sidebar menu={menu} />
</div>
{/*<div className="relative flex flex-col space-y-1 border-t border-slate-200 px-4 py-2 dark:border-slate-700">*/}
{/* // another section.*/}
{/*</div>*/}
</div>
</div>
);
}