2023-09-01 19:43:15 -06:00
|
|
|
import { ClerkLoaded, ClerkProvider } from "@clerk/nextjs";
|
2023-08-31 00:14:20 -06:00
|
|
|
import Footer from "@/app/_components/Footer";
|
|
|
|
|
import Header from "@/app/_components/Header";
|
|
|
|
|
import "@/styles/globals.css";
|
2023-08-27 23:57:17 -06:00
|
|
|
import Provider from "./_trpc/Provider";
|
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-01 23:37:51 -06:00
|
|
|
<ClerkProvider appearance={{ baseTheme: dark }}>
|
2023-08-27 23:57:17 -06:00
|
|
|
<html 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)]">
|
|
|
|
|
<Provider>{children}</Provider>
|
|
|
|
|
</div>
|
|
|
|
|
<Footer />
|
|
|
|
|
</ClerkLoaded>
|
2023-08-27 23:57:17 -06:00
|
|
|
</body>
|
|
|
|
|
</html>
|
|
|
|
|
</ClerkProvider>
|
|
|
|
|
);
|
|
|
|
|
}
|
