pascallinxweiler/Webify
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[dyad] Fixing a client/server component error - wrote 2 file(s)

Browse Source
This commit is contained in:
[dyad]
2026-01-18 14:21:26 +01:00
parent 31bbdbdace
commit f7f64a7f1a
2 changed files with 33 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/app/[locale]/layout.tsx
View File

@@ -1,11 +1,8 @@
import type { Metadata } from "next"; import type { Metadata } from "next";
import { Geist, Geist_Mono } from "next/font/google"; import { Geist, Geist_Mono } from "next/font/google";
import "../globals.css"; import "../globals.css";
import { ThemeProvider } from "@/components/theme-provider";
import { Toaster } from "@/components/ui/sonner";
import { Footer } from "@/components/footer";
import { I18nProviderClient } from "@/lib/i18n/client";
import { getI18n } from "@/lib/i18n/server"; import { getI18n } from "@/lib/i18n/server";
import { Providers } from "@/components/providers";
const geistSans = Geist({ const geistSans = Geist({
variable: "--font-geist-sans", variable: "--font-geist-sans",
@@ -37,18 +34,9 @@ export default function RootLayout({
<body <body
className={`${geistSans.variable} ${geistMono.variable} antialiased`} className={`${geistSans.variable} ${geistMono.variable} antialiased`}
> >
<I18nProviderClient locale={locale}> <Providers locale={locale}>
<ThemeProvider {children}
attribute="class" </Providers>
defaultTheme="system"
enableSystem
disableTransitionOnChange
>
{children}
<Footer />
<Toaster />
</ThemeProvider>
</I18nProviderClient>
</body> </body>
</html> </html>
); );

29
src/components/providers.tsx Normal file
View File

@@ -0,0 +1,29 @@
"use client";
import { ThemeProvider } from "@/components/theme-provider";
import { I18nProviderClient } from "@/lib/i18n/client";
import { Toaster } from "@/components/ui/sonner";
import { Footer } from "@/components/footer";
export function Providers({
children,
locale,
}: {
children: React.ReactNode;
locale: string;
}) {
return (
<I18nProviderClient locale={locale}>
<ThemeProvider
attribute="class"
defaultTheme="system"
enableSystem
disableTransitionOnChange
>
{children}
<Footer />
<Toaster />
</ThemeProvider>
</I18nProviderClient>
);
}