RESTfulMC/Frontend/src/app/layout.tsx

54 lines
1.4 KiB
TypeScript
Raw Normal View History

2024-04-17 14:34:07 -07:00
import Footer from "@/components/footer";
2024-04-15 15:00:47 -07:00
import Navbar from "@/components/navbar";
import { TooltipProvider } from "@/components/ui/tooltip";
import config from "@/config";
2024-04-16 06:59:20 -07:00
import { notoSans } from "@/font/fonts";
2024-04-15 19:31:55 -07:00
import { cn } from "@/lib/utils";
2024-04-15 15:00:47 -07:00
import ThemeProvider from "@/provider/theme-provider";
import type { Metadata, Viewport } from "next";
import PlausibleProvider from "next-plausible";
2024-04-16 07:25:50 -07:00
import "./globals.css";
2024-04-15 15:00:47 -07:00
/**
* Site metadata & viewport.
*/
export const metadata: Metadata = config.metadata;
export const viewport: Viewport = config.viewport;
/**
* The root layout for this site.
*
* @param children the children of this layout
* @returns the layout jsx
*/
const RootLayout = ({
children,
}: Readonly<{
children: React.ReactNode;
}>): JSX.Element => {
const analyticsDomain: string | undefined = config.analyticsDomain;
return (
2024-04-15 19:31:55 -07:00
<html lang="en" className={cn("scroll-smooth", notoSans.className)}>
2024-04-15 15:00:47 -07:00
<head>
{analyticsDomain && (
<PlausibleProvider
domain={analyticsDomain}
customDomain="https://analytics.rainnny.club"
selfHosted
/>
)}
</head>
<body className="relative min-h-screen">
<ThemeProvider attribute="class" defaultTheme="dark">
<TooltipProvider>
<Navbar />
{children}
2024-04-17 14:34:07 -07:00
<Footer />
2024-04-15 15:00:47 -07:00
</TooltipProvider>
</ThemeProvider>
</body>
</html>
);
};
export default RootLayout;