{t.siteTitle}

import "../../globals.css"; import type React from "react"; import { getLocale, Lang } from "@/i18n/locales"; import Head from 'next/head'; import { ThemeProvider } from "@/components/providers"; import { translations } from "@/i18n/translations"; import { Oxanium } from "next/font/google"; import { headers } from "next/headers"; const oxanium = Oxanium({ subsets: ["latin-ext"] }) import type { Metadata } from 'next'; type Props = { params: Promise<{ locale: Lang }> } export async function generateMetadata( { params }: Props, ): Promise { // read route params const locale = (await params).locale const currentLang = getLocale(locale); const t = translations[currentLang]; return { title: t.siteTitle, description: "An amazing gathering of hackers and open source enthusiasts.", icons: { icon: [ { url: '/favicon-96x96.png', type: 'image/png' }, { url: '/favicon.svg', type: 'image/svg+xml' }, { url: '/favicon.ico', type: 'image/x-icon' } ], apple: '/apple-touch-icon.png', }, manifest: '/site.webmanifest', other: { 'apple-mobile-web-app-title': t.siteTitle, }, openGraph: { title: t.siteTitle, description: 'An amazing gathering of hackers and open source enthusiasts.', url: 'https://cebula.camp', images: [ { url: 'https://cebula.camp/web-app-manifest-512x512.png', width: 512, height: 512, alt: t.siteTitle, }, ], siteName: t.siteTitle, type: 'website', }, twitter: { card: 'summary_large_image', title: t.siteTitle, description: 'An amazing gathering of hackers and open source enthusiasts.', images: ['https://cebula.camp/web-app-manifest-512x512.png'], }, }; } export default async function RootLayout({ children, params }: { children: React.ReactNode params: Promise<{ locale: Lang }> }) { const [{ locale }, head] = await Promise.all([ params, headers(), ]); const preferedTheme = head.get("Sec-CH-Prefers-Color-Scheme")?.toLowerCase(); const supportedThemes = ["dark", "light"]; const isDarkOrLight = preferedTheme && supportedThemes.includes(preferedTheme); const currentLang = getLocale(locale); const defaultTheme = isDarkOrLight ? preferedTheme : "dark"; const t = translations[currentLang]; return ( {t.siteTitle} {children} ) }