diff --git a/app/[workspace]/agency/layout.tsx b/app/[workspace]/agency/layout.tsx index 285a337d..ba3a1751 100644 --- a/app/[workspace]/agency/layout.tsx +++ b/app/[workspace]/agency/layout.tsx @@ -3,6 +3,7 @@ import React from "react"; import Link from "next/link"; import { useParams, usePathname } from "next/navigation"; +import { signOut, useSession } from "next-auth/react"; // Minimal SVG Icons const Icons = { @@ -276,6 +277,12 @@ export default function AgencyLayout({ const params = useParams(); const pathname = usePathname(); const workspace = params.workspace as string; + const { data: session } = useSession(); + + const userInitial = + session?.user?.name?.[0]?.toUpperCase() ?? + session?.user?.email?.[0]?.toUpperCase() ?? + "?"; // The client list is currently mocked, but in the future this would be fetched from the DB const clients = [ @@ -422,6 +429,68 @@ export default function AgencyLayout({ + + {/* ── User footer ── */} +
+
+ {userInitial} +
+
+
+ {session?.user?.name ?? + session?.user?.email?.split("@")[0] ?? + "Account"} +
+ +
+
{/* ── MAIN CONTENT AREA ── */}