feat: Add language switcher component to footer

2024-09-02 21:04:05 +02:00
parent 66cc854c2c
commit d787a95657
29 changed files with 53 additions and 867 deletions
--- a/src/app/[locale]/branding-assets/page.tsx
+++ b/src/app/[locale]/branding-assets/page.tsx
--- a/src/app/[locale]/create-theme/page.tsx
+++ b/src/app/[locale]/create-theme/page.tsx
--- a/src/app/[locale]/download/page.tsx
+++ b/src/app/[locale]/download/page.tsx
--- a/src/app/[locale]/globals.css
+++ b/src/app/[locale]/globals.css
--- a/src/app/[locale]/layout.tsx
+++ b/src/app/[locale]/layout.tsx
@@ -3,10 +3,8 @@ import { Inter } from "next/font/google";
 import "./globals.css";
 import { ThemeProvider } from "@/components/theme-provider";
 import StyledComponentsRegistry from "@/lib/styled-components-registry";
-import {NextIntlClientProvider} from 'next-intl';
 import Footer from "@/components/footer";
 import { Navigation } from "@/components/navigation";
-import { getMessages } from "next-intl/server";

 const inter = Inter({ subsets: ["latin"] });

@@ -18,36 +16,31 @@ export const metadata: Metadata = {

 export default async function RootLayout({
  children,
-  params: {locale}
 }: Readonly<{
  children: React.ReactNode;
-  params: {locale: string};
 }>) {
-  const messages = await getMessages();

  return (
-    <html lang={locale} suppressHydrationWarning>
+    <html suppressHydrationWarning>
      <head>
        <link rel="me" href="https://fosstodon.org/@zenbrowser"></link>
        <link rel="alternate" type="application/rss+xml" title="Zen Browser Release Notes" href="https://www.zen-browser.app/feed.xml" />
      </head>
      <body className={inter.className}>
-        <NextIntlClientProvider messages={messages} locale={locale}>
-          <ThemeProvider
-            attribute="class"
-            defaultTheme="dark"
-            enableSystem
-            disableTransitionOnChange
-          >
-            <StyledComponentsRegistry>
-              <div>
-                {children}
-                <Footer />  
-                <Navigation /> {/* At the bottom of the page */}
-              </div>
-            </StyledComponentsRegistry>
-          </ThemeProvider>
-        </NextIntlClientProvider>
+        <ThemeProvider
+          attribute="class"
+          defaultTheme="dark"
+          enableSystem
+          disableTransitionOnChange
+        >
+          <StyledComponentsRegistry>
+            <div>
+              {children}
+              <Footer />  
+              <Navigation /> {/* At the bottom of the page */}
+            </div>
+          </StyledComponentsRegistry>
+        </ThemeProvider>
      </body>
    </html>
  );
--- a/src/app/[locale]/not-found.tsx
+++ b/src/app/[locale]/not-found.tsx
--- a/src/app/[locale]/page.tsx
+++ b/src/app/[locale]/page.tsx
--- a/src/app/[locale]/privacy-policy/markdown.css
+++ b/src/app/[locale]/privacy-policy/markdown.css
--- a/src/app/[locale]/privacy-policy/page.tsx
+++ b/src/app/[locale]/privacy-policy/page.tsx
--- a/src/app/[locale]/release-notes/[version]/page.tsx
+++ b/src/app/[locale]/release-notes/[version]/page.tsx
--- a/src/app/[locale]/release-notes/page.tsx
+++ b/src/app/[locale]/release-notes/page.tsx
--- a/src/app/[locale]/themes/[theme]/page.tsx
+++ b/src/app/[locale]/themes/[theme]/page.tsx
--- a/src/app/[locale]/themes/page.tsx
+++ b/src/app/[locale]/themes/page.tsx
--- a/src/app/[locale]/welcome/page.tsx
+++ b/src/app/[locale]/welcome/page.tsx