Files
echecsfrance/app/[lang]/layout.tsx
T
Timothy Armes 88e75511d7 Code tidy
2023-07-07 09:34:05 +02:00

65 lines
1.5 KiB
TypeScript

import { Analytics } from "@vercel/analytics/react";
import { Inter } from "next/font/google";
import { useLocale } from "next-intl";
import { getTranslator } from "next-intl/server";
import { notFound } from "next/navigation";
import { ReactNode } from "react";
import "@/css/globals.css";
import Providers from "./providers";
import TestableLayout from "./components/TestableLayout";
const inter = Inter({ subsets: ["latin"] });
export async function generateMetadata({
params: { locale },
}: {
params: { locale?: string };
}) {
// While the `locale` is required, the namespace is optional and
// identical to the parameter that `useTranslations` accepts.
const t = await getTranslator(locale ?? "fr", "Metadata");
return {
title: t("title"),
description: t("description"),
keywords: t("keywords"),
};
}
export default async function RootLayout({
children,
params,
}: {
children: ReactNode;
params: { locale?: string };
}) {
const locale = useLocale();
// Show a 404 error if the user requests an unknown locale
if (params.locale !== undefined && params.locale !== locale) {
notFound();
}
let messages;
try {
messages = (await import(`@/messages/${locale}.json`)).default;
} catch (error) {
notFound();
}
return (
<html lang={locale}>
<body className={inter.className}>
<Providers>
<TestableLayout locale={locale} messages={messages}>
{children}
</TestableLayout>
</Providers>
<Analytics />
</body>
</html>
);
}