21 lines
647 B
TypeScript
21 lines
647 B
TypeScript
"use client";
|
|
|
|
import { useAuth } from "@/hooks/useAuth";
|
|
import { User } from "lucide-react";
|
|
|
|
export function UserNav() {
|
|
const { user } = useAuth();
|
|
|
|
return (
|
|
<div className="flex items-center gap-3">
|
|
<div className="hidden text-right md:block">
|
|
<p className="text-sm font-medium text-foreground">{user?.ownerName || "Administrador"}</p>
|
|
<p className="text-xs text-muted-foreground">{user?.email}</p>
|
|
</div>
|
|
<div className="h-10 w-10 rounded-full bg-primary/10 flex items-center justify-center border border-primary/20">
|
|
<User className="h-5 w-5 text-primary" />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|