UserAvatar.tsx raw

   1  import { Avatar, AvatarFallback, AvatarImage } from "src/components/ui/avatar";
   2  import { useAlbyMe } from "src/hooks/useAlbyMe";
   3  import { cn } from "src/lib/utils";
   4  
   5  function UserAvatar({ className }: { className?: string }) {
   6    const { data: albyMe } = useAlbyMe();
   7  
   8    return (
   9      <Avatar className={cn("h-8 w-8 rounded-lg", className)}>
  10        <AvatarImage src={albyMe?.avatar} alt="Avatar" />
  11        <AvatarFallback className="font-medium rounded-lg">
  12          {(albyMe?.name || albyMe?.email || "SN").substring(0, 2).toUpperCase()}
  13        </AvatarFallback>
  14      </Avatar>
  15    );
  16  }
  17  
  18  export default UserAvatar;
  19