diff --git a/client/components/Layout.tsx b/client/components/Layout.tsx index 1f6b15fd..9e706eb4 100644 --- a/client/components/Layout.tsx +++ b/client/components/Layout.tsx @@ -2,6 +2,16 @@ import { Link, useLocation } from "react-router-dom"; import { Button } from "@/components/ui/button"; import { cn } from "@/lib/utils"; import SupabaseStatus from "./SupabaseStatus"; +import { useAuth } from "@/contexts/AuthContext"; +import { + DropdownMenu, + DropdownMenuContent, + DropdownMenuItem, + DropdownMenuSeparator, + DropdownMenuTrigger, +} from "@/components/ui/dropdown-menu"; +import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"; +import { User, Settings, LogOut, Bell } from "lucide-react"; interface LayoutProps { children: React.ReactNode; @@ -9,6 +19,7 @@ interface LayoutProps { export default function Layout({ children }: LayoutProps) { const location = useLocation(); + const { user, profile, signOut, loading } = useAuth(); const navigation = [ { name: "Home", href: "/" }, @@ -61,21 +72,92 @@ export default function Layout({ children }: LayoutProps) { ))} - {/* CTA */} + {/* Auth Section */}
+ {profile.full_name || profile.username} +
++ {profile.email} +
+