66 lines
1.8 KiB
TypeScript
66 lines
1.8 KiB
TypeScript
"use client"
|
|
|
|
import { FrameIcon, MapIcon, PieChartIcon, PlusIcon } from "lucide-react"
|
|
import { toast, Toaster } from "sonner"
|
|
|
|
import {
|
|
Sidebar,
|
|
SidebarContent,
|
|
SidebarGroup,
|
|
SidebarGroupAction,
|
|
SidebarGroupContent,
|
|
SidebarGroupLabel,
|
|
SidebarMenu,
|
|
SidebarMenuButton,
|
|
SidebarMenuItem,
|
|
SidebarProvider,
|
|
} from "@/styles/aria-nova/ui/sidebar"
|
|
|
|
export default function AppSidebar() {
|
|
return (
|
|
<SidebarProvider>
|
|
<Toaster
|
|
position="bottom-left"
|
|
toastOptions={{
|
|
className: "ml-[160px]",
|
|
}}
|
|
/>
|
|
<Sidebar>
|
|
<SidebarContent>
|
|
<SidebarGroup>
|
|
<SidebarGroupLabel>Projects</SidebarGroupLabel>
|
|
<SidebarGroupAction
|
|
title="Add Project"
|
|
onClick={() => toast("You clicked the group action!")}
|
|
>
|
|
<PlusIcon /> <span className="sr-only">Add Project</span>
|
|
</SidebarGroupAction>
|
|
<SidebarGroupContent>
|
|
<SidebarMenu>
|
|
<SidebarMenuItem>
|
|
<SidebarMenuButton href="#">
|
|
<FrameIcon />
|
|
<span>Design Engineering</span>
|
|
</SidebarMenuButton>
|
|
</SidebarMenuItem>
|
|
<SidebarMenuItem>
|
|
<SidebarMenuButton href="#">
|
|
<PieChartIcon />
|
|
<span>Sales & Marketing</span>
|
|
</SidebarMenuButton>
|
|
</SidebarMenuItem>
|
|
<SidebarMenuItem>
|
|
<SidebarMenuButton href="#">
|
|
<MapIcon />
|
|
<span>Travel</span>
|
|
</SidebarMenuButton>
|
|
</SidebarMenuItem>
|
|
</SidebarMenu>
|
|
</SidebarGroupContent>
|
|
</SidebarGroup>
|
|
</SidebarContent>
|
|
</Sidebar>
|
|
</SidebarProvider>
|
|
)
|
|
}
|