32 lines
1.2 KiB
TypeScript
32 lines
1.2 KiB
TypeScript
import { Sidebar } from '@/components/sidebar';
|
|
import { TopBar } from '@/components/topbar';
|
|
import { NetworkErrorBanner } from '@/components/network-error-banner';
|
|
import { KeyboardShortcutsProvider } from '@/components/keyboard-shortcuts-provider';
|
|
import { WebVitalsTracker } from '@/components/web-vitals-tracker';
|
|
import { MobileBottomNav } from '@/components/mobile-bottom-nav';
|
|
import { OnboardingFlow } from '@/components/onboarding/onboarding-flow';
|
|
|
|
export default function DashboardLayout({ children }: { children: React.ReactNode }) {
|
|
return (
|
|
<KeyboardShortcutsProvider>
|
|
<WebVitalsTracker />
|
|
<a href="#main-content" className="skip-link">
|
|
Skip to main content
|
|
</a>
|
|
<div className="flex min-h-screen">
|
|
<NetworkErrorBanner />
|
|
<Sidebar />
|
|
<div className="flex flex-1 flex-col pb-16 md:pb-0">
|
|
<TopBar />
|
|
<main id="main-content" className="flex-1 overflow-auto p-4 md:p-6" tabIndex={-1}>
|
|
{children}
|
|
</main>
|
|
</div>
|
|
</div>
|
|
<MobileBottomNav />
|
|
<OnboardingFlow onComplete={() => {}} />
|
|
<div className="sr-only" aria-live="polite" aria-atomic="true" id="a11y-announcer" />
|
|
</KeyboardShortcutsProvider>
|
|
);
|
|
}
|