1
0
mirror of https://github.com/XFox111/my-website.git synced 2026-04-22 07:28:01 +03:00
Files
my-website/app/layout.tsx
T

41 lines
1.0 KiB
TypeScript

export { generateMetadata } from "@/_data/metadata";
import type { Viewport } from "next";
import Script from "next/script";
import { PropsWithChildren } from "react";
import CookieBanner from "./_components/CookieBanner";
import Footer from "./_components/Footer";
import Header from "./_components/Header";
import { analyticsEnabled } from "./_utils/analytics/server";
import fonts from "./fonts";
import "./_styles/globals.scss";
export const viewport: Viewport =
{
themeColor:
[
{ media: "(prefers-color-scheme: light)", color: "#FFFFFF" },
{ media: "(prefers-color-scheme: dark)", color: "#242424" }
],
colorScheme: "light dark"
};
export default function RootLayout(props: PropsWithChildren)
{
return (
<html lang="en" className={ fonts.map(i => i.variable).join(" ") }>
{ analyticsEnabled() &&
<Script id="ms-clarity" src="/clarity.js" data-id={ process.env.CLARITY_ID } />
}
<body>
{ analyticsEnabled() &&
<CookieBanner />
}
<Header />
{ props.children }
<Footer />
</body>
</html>
);
}