ab57b24518
- Modified the layout class to apply 'md:overscroll-y-none' to allow refreshing on mobile
59 lines
1.4 KiB
TypeScript
59 lines
1.4 KiB
TypeScript
import { headers } from 'next/headers';
|
|
|
|
import { Toaster } from '@kit/ui/sonner';
|
|
import { cn } from '@kit/ui/utils';
|
|
|
|
import { RootProviders } from '~/components/root-providers';
|
|
import { getFontsClassName } from '~/lib/fonts';
|
|
import { createI18nServerInstance } from '~/lib/i18n/i18n.server';
|
|
import { generateRootMetadata } from '~/lib/root-metadata';
|
|
import { getRootTheme } from '~/lib/root-theme';
|
|
|
|
import '../styles/globals.css';
|
|
|
|
export const generateMetadata = () => {
|
|
return generateRootMetadata();
|
|
};
|
|
|
|
export default async function RootLayout({
|
|
children,
|
|
}: {
|
|
children: React.ReactNode;
|
|
}) {
|
|
const [theme, nonce, i18n] = await Promise.all([
|
|
getRootTheme(),
|
|
getCspNonce(),
|
|
createI18nServerInstance(),
|
|
]);
|
|
|
|
const className = getRootClassName(theme);
|
|
const language = i18n.language;
|
|
|
|
return (
|
|
<html lang={language} className={className}>
|
|
<body>
|
|
<RootProviders theme={theme} lang={language} nonce={nonce}>
|
|
{children}
|
|
</RootProviders>
|
|
|
|
<Toaster richColors={true} theme={theme} position="top-center" />
|
|
</body>
|
|
</html>
|
|
);
|
|
}
|
|
|
|
function getRootClassName(theme: string) {
|
|
const fontsClassName = getFontsClassName(theme);
|
|
|
|
return cn(
|
|
'bg-background min-h-screen antialiased md:overscroll-y-none',
|
|
fontsClassName,
|
|
);
|
|
}
|
|
|
|
async function getCspNonce() {
|
|
const headersStore = await headers();
|
|
|
|
return headersStore.get('x-nonce') ?? undefined;
|
|
}
|