54 lines
1.1 KiB
TypeScript
54 lines
1.1 KiB
TypeScript
"use client";
|
|
|
|
import {
|
|
Sidebar,
|
|
SidebarContent,
|
|
SidebarFooter,
|
|
SidebarHeader,
|
|
SidebarRail,
|
|
} from "@basango/ui/components/sidebar";
|
|
import { SquareTerminal } from "lucide-react";
|
|
import * as React from "react";
|
|
|
|
import { AppSidebarContent } from "./app-sidebar-content";
|
|
import { AppSidebarInfo } from "./app-sidebar-info";
|
|
import { AppSidebarUser } from "./app-sidebar-user";
|
|
|
|
const data = {
|
|
main: [
|
|
{
|
|
icon: SquareTerminal,
|
|
isActive: true,
|
|
items: [
|
|
{
|
|
title: "Sources",
|
|
url: "/sources",
|
|
},
|
|
{
|
|
title: "Articles",
|
|
url: "/articles",
|
|
},
|
|
],
|
|
title: "Dataset",
|
|
url: "#",
|
|
},
|
|
],
|
|
};
|
|
|
|
export function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {
|
|
return (
|
|
<Sidebar collapsible="icon" {...props}>
|
|
<SidebarHeader>
|
|
<AppSidebarInfo />
|
|
</SidebarHeader>
|
|
<SidebarContent>
|
|
<AppSidebarContent items={data.main} />
|
|
</SidebarContent>
|
|
<SidebarFooter>
|
|
<AppSidebarUser />
|
|
</SidebarFooter>
|
|
<SidebarRail />
|
|
</Sidebar>
|
|
);
|
|
}
|