mirror of
https://github.com/TheRealOwenRees/echecsfrance.git
synced 2026-07-23 04:26:57 +00:00
Owen Rees
1f0077b1a8
* Change primary colour * Change fonts * font options * font selection confirmed --------- Co-authored-by: Timothy Armes <tim@timothyarmes.com>
70 lines
1.7 KiB
TypeScript
70 lines
1.7 KiB
TypeScript
import { Analytics } from "@vercel/analytics/react";
|
|
import { Inter, Julius_Sans_One } 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"], variable: "--font-inter" });
|
|
const title = Julius_Sans_One({
|
|
subsets: ["latin"],
|
|
weight: "400",
|
|
variable: "--font-title",
|
|
});
|
|
|
|
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} className={`${inter.variable} ${title.variable}`}>
|
|
<body>
|
|
<Providers>
|
|
<TestableLayout locale={locale} messages={messages}>
|
|
{children}
|
|
</TestableLayout>
|
|
</Providers>
|
|
<Analytics />
|
|
</body>
|
|
</html>
|
|
);
|
|
}
|