Add a top bar component, fix auth

2024-06-03 16:53:39 -05:00
parent 217a0d3952
commit 4794541436
3 changed files with 20 additions and 5 deletions
--- a/src/app/_components/ui/top_bar.tsx
+++ b/src/app/_components/ui/top_bar.tsx
@@ -0,0 +1,8 @@
+
+export function Top_Bar() {
+  return (
+    <div className="top-bar w-full h-16 bg-black text-white">
+
+    </div>
+  );
+};
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,8 +1,10 @@
 import "~/styles/globals.css";
-
 import { GeistSans } from "geist/font/sans";
+import type { Metadata } from "next";
+import { Top_Bar } from "~/app/_components/ui/top_bar";
+import { SessionProvider } from "next-auth/react";

-export const metadata = {
+export const metadata: Metadata = {
  title: "Create T3 App",
  description: "Generated by create-t3-app",
  icons: [{ rel: "icon", url: "/favicon.ico" }],
@@ -15,7 +17,12 @@ export default function RootLayout({
 }) {
  return (
    <html lang="en" className={`${GeistSans.variable}`}>
-      <body>{children}</body>
+      <body>
+      <SessionProvider>
+        <Top_Bar />
+        {children}
+      </SessionProvider>
+      </body>
    </html>
  );
 }