import { Suspense } from "react" // shadcn import { Sidebar, SidebarContent, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarMenu, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarProvider, SidebarTrigger, } from "@/components/ui/sidebar" // assets import { FrameIcon, LifeBuoyIcon, MapIcon, PieChartIcon, SendIcon, } from "lucide-react" const projects = [ { name: "Design Engineering", url: "#", icon: FrameIcon, badge: "24", }, { name: "Sales & Marketing", url: "#", icon: PieChartIcon, badge: "12", }, { name: "Travel", url: "#", icon: MapIcon, badge: "3", }, { name: "Support", url: "#", icon: LifeBuoyIcon, badge: "21", }, { name: "Feedback", url: "#", icon: SendIcon, badge: "8", }, ] // Dummy fetch function. // eslint-disable-next-line @typescript-eslint/no-unused-vars async function fetchProjects() { await new Promise((resolve) => setTimeout(resolve, 3000)) return projects } // ------------------------------ | SIDEBAR - RSC | ------------------------------ // export default function AppSidebar() { return ( Projects }>

) } function NavProjectsSkeleton() { return ( {Array.from({ length: 5 }).map((_, index) => ( ))} ) } function NavProjects() { return ( {projects.map((project) => ( }> {project.name} ))} ) }