Kalana B. Thilakarathna
31 lines
954 B
TypeScript
31 lines
954 B
TypeScript
import { SidebarInset, SidebarProvider, SidebarTrigger } from '@/components/ui/sidebar'
|
|
import { AppSidebar } from '@/components/layout/app-sidebar'
|
|
import { BottomNav } from '@/components/layout/bottom-nav'
|
|
import { ThemeToggle } from '@/components/layout/theme-toggle'
|
|
import { TopLoader } from '@/components/shared/top-loader'
|
|
|
|
export default function DashboardLayout({
|
|
children,
|
|
}: {
|
|
children: React.ReactNode
|
|
}) {
|
|
return (
|
|
<SidebarProvider>
|
|
<TopLoader />
|
|
<AppSidebar />
|
|
<SidebarInset>
|
|
<header className="flex h-14 shrink-0 items-center gap-2 border-b border-border px-4">
|
|
<SidebarTrigger className="-ml-1 hidden md:flex" />
|
|
<div className="ml-auto">
|
|
<ThemeToggle />
|
|
</div>
|
|
</header>
|
|
<main className="flex flex-1 flex-col gap-4 p-4 pb-20 md:pb-4">
|
|
{children}
|
|
</main>
|
|
</SidebarInset>
|
|
<BottomNav />
|
|
</SidebarProvider>
|
|
)
|
|
}
|