feat: ✨ add clerk provider and header component

neopromic · Nov 6, 2024 · 9ef4bfb · 9ef4bfb
1 parent d662641
commit 9ef4bfb
Showing 1 changed file with 14 additions and 4 deletions.
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -1,6 +1,9 @@
 import type { Metadata } from "next";
 import localFont from "next/font/local";
 import "./globals.css";
+import { ClerkProvider } from "@clerk/nextjs";
+import { dark } from "@clerk/themes";
+import Header from "./_components/Header";
 
 const geistSans = localFont({
   src: "./fonts/GeistVF.woff",
@@ -25,11 +28,18 @@ export default function RootLayout({
 }>) {
   return (
     <html lang="pt-BR">
-      <body
-        className={`${geistSans.variable} ${geistMono.variable} antialiased dark`}
+      <ClerkProvider
+        appearance={{
+          baseTheme: dark,
+        }}
       >
-        {children}
-      </body>
+        <body
+          className={`${geistSans.variable} ${geistMono.variable} dark antialiased`}
+        >
+          <Header />
+          {children}
+        </body>
+      </ClerkProvider>
     </html>
   );
 }