34 lines
912 B
TypeScript
34 lines
912 B
TypeScript
|
import { AppSidebar } from '@/components/app-sidebar';
|
||
|
|
|
||
|
|
import WithAuth from '@/components/providers/with-auth';
|
||
|
|
import { DashboardProvider } from '@/components/providers/dashboard-provider';
|
||
|
|
import { SidebarProvider, SidebarInset } from '@nice/ui/components/sidebar';
|
||
|
|
import { SiteHeader } from '@/components/site-header';
|
||
|
|
|
||
|
|
export default function DashboardLayout({ children }: { children: React.ReactNode }) {
|
||
|
|
return (
|
||
|
|
<WithAuth>
|
||
|
|
<DashboardProvider>
|
||
|
|
<SidebarProvider
|
||
|
|
style={
|
||
|
|
{
|
||
|
|
'--sidebar-width': 'calc(var(--spacing) * 72)',
|
||
|
|
'--header-height': 'calc(var(--spacing) * 12)',
|
||
|
|
} as React.CSSProperties
|
||
|
|
}
|
||
|
|
>
|
||
|
|
<AppSidebar variant="inset" />
|
||
|
|
<SidebarInset className="rounded-br-xl overflow-hidden">
|
||
|
|
<>
|
||
|
|
<SiteHeader></SiteHeader>
|
||
|
|
{children}
|
||
|
|
</>
|
||
|
|
|
||
|
|
</SidebarInset>
|
||
|
|
</SidebarProvider>
|
||
|
|
</DashboardProvider>
|
||
|
|
|
||
|
|
</WithAuth>
|
||
|
|
);
|
||
|
|
}
|