feat: integrate authentication session into Header component

- Updated RootLayout to fetch the authentication session and pass it to the Header component. - Modified Header to accept session as a prop, enhancing user experience by displaying user-specific information and sign-out functionality. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-02-25 14:16:41 +01:00
parent 2d8d59322d
commit e4a4e5a869
3 changed files with 29 additions and 21 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,5 +1,6 @@
 import type { Metadata } from "next";
 import { Geist, Geist_Mono } from "next/font/google";
+import { auth } from "@/auth";
 import { Header } from "@/components/Header";
 import { ThemeProvider } from "@/components/ThemeProvider";
 import { SessionProvider } from "@/components/SessionProvider";
@@ -26,17 +27,18 @@ export const metadata: Metadata = {
  manifest: "/manifest.json",
 };

-export default function RootLayout({
+export default async function RootLayout({
  children,
 }: Readonly<{
  children: React.ReactNode;
 }>) {
+  const session = await auth();
  return (
    <html lang="fr" suppressHydrationWarning>
      <body className={`${geistSans.variable} ${geistMono.variable} min-h-screen bg-zinc-100 text-zinc-900 dark:bg-zinc-950 dark:text-zinc-50 antialiased`}>
        <SessionProvider>
          <ThemeProvider>
-            <Header />
+            <Header session={session} />
            <main className="mx-auto max-w-7xl px-4 py-6">{children}</main>
          </ThemeProvider>
        </SessionProvider>