fix: make root layout a server component with globals.css import and html/body tags

This commit is contained in:
Lizandro Guarnizo
2026-06-04 08:27:27 -05:00
parent 86d5ea9704
commit 86a14713e0
+12 -8
View File
@@ -1,17 +1,21 @@
'use client'; import './globals.css';
import { AuthProvider } from '@/lib/auth'; import { AuthProvider } from '@/lib/auth';
import AuthGuard from '@/components/auth-guard'; import AuthGuard from '@/components/auth-guard';
import Sidebar from '@/components/sidebar'; import Sidebar from '@/components/sidebar';
import { Toaster } from '@/components/ui/sonner'; import { Toaster } from '@/components/ui/sonner';
export default function AppLayout({ children }: { children: React.ReactNode }) { export default function RootLayout({ children }: { children: React.ReactNode }) {
return ( return (
<AuthProvider> <html lang="en">
<AuthGuard> <body>
<Sidebar>{children}</Sidebar> <AuthProvider>
<Toaster richColors /> <AuthGuard>
</AuthGuard> <Sidebar>{children}</Sidebar>
</AuthProvider> <Toaster richColors />
</AuthGuard>
</AuthProvider>
</body>
</html>
); );
} }