pollo/app/layout.tsx

45 lines
1.1 KiB
TypeScript
Raw Normal View History

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
};
2023-11-19 17:29:23 -07:00
export const revalidate = 0;
export const fetchCache = "force-no-store";
2023-11-19 17:31:53 -07:00
export const dynamic = "force-dynamic";
2023-11-19 17:29:23 -07:00
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>
);
}