2023-09-01 19:43:15 -06:00
|
|
|
import { ClerkLoaded, ClerkProvider } from "@clerk/nextjs";
|
2023-09-24 23:49:24 -06:00
|
|
|
import Footer from "@/_components/Footer";
|
|
|
|
|
import Header from "@/_components/Header";
|
|
|
|
|
import "@/globals.css";
|
2023-09-01 23:37:51 -06:00
|
|
|
import { dark } from "@clerk/themes";
|
2023-08-27 23:57:17 -06:00
|
|
|
|
|
|
|
|
export const metadata = {
|
2023-08-28 12:24:16 -06:00
|
|
|
title: "Sprint Padawan",
|
|
|
|
|
description: "Plan. Sprint. Repeat.",
|
2023-08-27 23:57:17 -06:00
|
|
|
};
|
|
|
|
|
|
|
|
|
|
export default function RootLayout({
|
|
|
|
|
children,
|
|
|
|
|
}: {
|
|
|
|
|
children: React.ReactNode;
|
|
|
|
|
}) {
|
|
|
|
|
return (
|
2023-09-09 19:25:23 -06:00
|
|
|
<ClerkProvider
|
|
|
|
|
appearance={{
|
|
|
|
|
baseTheme: dark,
|
|
|
|
|
}}
|
|
|
|
|
>
|
2023-09-24 23:49:24 -06:00
|
|
|
<html
|
|
|
|
|
data-theme="synthwave"
|
|
|
|
|
lang="en"
|
|
|
|
|
className="h-[100%] w-[100%] fixed overflow-y-auto"
|
|
|
|
|
>
|
2023-08-29 18:42:10 -06:00
|
|
|
<body className="h-[100%] w-[100%] fixed overflow-y-auto">
|
2023-09-01 19:43:15 -06:00
|
|
|
<ClerkLoaded>
|
2023-09-01 20:38:27 -06:00
|
|
|
<Header title={metadata.title} />
|
2023-09-01 19:43:15 -06:00
|
|
|
<div className="flex flex-row items-center justify-center min-h-[calc(100%-114px)]">
|
2023-09-09 19:25:23 -06:00
|
|
|
{children}
|
2023-09-01 19:43:15 -06:00
|
|
|
</div>
|
|
|
|
|
<Footer />
|
|
|
|
|
</ClerkLoaded>
|
2023-08-27 23:57:17 -06:00
|
|
|
</body>
|
|
|
|
|
</html>
|
|
|
|
|
</ClerkProvider>
|
|
|
|
|
);
|
|
|
|
|
}
|
