Files
diyaa.de/app/[locale]/layout.tsx
T

44 lines
1.3 KiB
TypeScript

import type { ReactNode } from "react";
import { notFound, redirect } from "next/navigation";
import BottomNav from "@/components/BottomNav";
import SiteFooter from "@/components/SiteFooter";
import SiteHeader from "@/components/SiteHeader";
import { getActiveLocale, getDictionary, getDirection, getEnabledLocales, isLocale, type Locale } from "@/lib/i18n";
import { isSiteClosedMode } from "@/lib/site";
import AnalyticsTracker from "@/components/public/analytics-tracker";
export const dynamicParams = false;
export function generateStaticParams() {
return getEnabledLocales().map((locale) => ({ locale }));
}
export default function LocaleLayout({
children,
params,
}: {
children: ReactNode;
params: { locale: string };
}) {
if (!isLocale(params.locale)) {
notFound();
}
if (isSiteClosedMode()) {
redirect("/");
}
const locale = getActiveLocale(params.locale as Locale);
const dictionary = getDictionary(locale);
return (
<div dir={getDirection(locale)} className="site-shell">
<SiteHeader locale={locale} common={dictionary.common} />
<AnalyticsTracker event="PAGE_VIEW" />
<main className="page-content">{children}</main>
<BottomNav locale={locale} common={dictionary.common} />
<SiteFooter locale={locale} common={dictionary.common} />
</div>
);
}