67 lines
2.2 KiB
TypeScript
67 lines
2.2 KiB
TypeScript
import type { Metadata, Viewport } from "next";
|
|
import { Anuphan, Geist_Mono } from "next/font/google";
|
|
|
|
import { DeploymentUpdateNotifier } from "@/components/deployment-update-notifier";
|
|
import { PageProgress } from "@/components/page-progress";
|
|
import { Toaster } from "@/components/ui/sonner";
|
|
import { NotificationProvider } from "@/components/notifications/notification-bell";
|
|
import { SitePushPrompt } from "@/components/notifications/site-push-prompt";
|
|
import { siteUrl } from "@/lib/site-url";
|
|
|
|
import "./globals.css";
|
|
|
|
const anuphan = Anuphan({
|
|
variable: "--font-anuphan",
|
|
subsets: ["thai", "latin"],
|
|
fallback: ["Tahoma", "Arial", "sans-serif"],
|
|
});
|
|
|
|
const geistMono = Geist_Mono({
|
|
variable: "--font-geist-mono",
|
|
subsets: ["latin"],
|
|
});
|
|
|
|
export const metadata: Metadata = {
|
|
metadataBase: new URL(siteUrl),
|
|
title: {
|
|
default: "Buzz Guide",
|
|
template: "%s",
|
|
},
|
|
description: "ไกด์ตัวละครจากช่องเกนชินไม่ใช่เกมมือถือ",
|
|
keywords: ["เกนชิน", "เกนชินไม่ใช่เกมมือถือ", "Buzz", "ไกด์", "สุดหล่อ"],
|
|
other: { "google-adsense-account": "ca-pub-9687404323559597" },
|
|
icons: { apple: "/icon-192.png" },
|
|
appleWebApp: { capable: true, title: "Buzz Guide" },
|
|
};
|
|
|
|
export const viewport: Viewport = {
|
|
themeColor: "#1b1b22",
|
|
};
|
|
|
|
export default function RootLayout({ children }: LayoutProps<"/">) {
|
|
const deploymentId = process.env.NEXT_DEPLOYMENT_ID?.trim() || "development";
|
|
|
|
return (
|
|
<html
|
|
lang="th"
|
|
className={`dark ${anuphan.variable} ${geistMono.variable} h-full antialiased`}
|
|
suppressHydrationWarning
|
|
>
|
|
<body className="flex min-h-full flex-col">
|
|
<PageProgress />
|
|
<NotificationProvider>
|
|
{children}
|
|
<SitePushPrompt configured={Boolean(process.env.WEB_PUSH_PUBLIC_KEY && process.env.WEB_PUSH_PRIVATE_KEY && process.env.WEB_PUSH_SUBJECT)} />
|
|
</NotificationProvider>
|
|
<DeploymentUpdateNotifier deploymentId={deploymentId} />
|
|
<Toaster
|
|
richColors
|
|
closeButton
|
|
position="bottom-right"
|
|
toastOptions={{ className: anuphan.className }}
|
|
/>
|
|
</body>
|
|
</html>
|
|
);
|
|
}
|