28 lines
1019 B
TypeScript
28 lines
1019 B
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';
|
||
|
|
|
||
|
|
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">
|
||
|
|
<TopBar />
|
||
|
|
<main id="main-content" className="flex-1 overflow-auto p-6" tabIndex={-1}>
|
||
|
|
{children}
|
||
|
|
</main>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div className="sr-only" aria-live="polite" aria-atomic="true" id="a11y-announcer" />
|
||
|
|
</KeyboardShortcutsProvider>
|
||
|
|
);
|
||
|
|
}
|