magicui

1
import { User } from "@prisma/client";
2
import { AvatarProps } from "@radix-ui/react-avatar";
3

4
import { Icons } from "@/components/icons";
5
import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
6

7
interface UserAvatarProps extends AvatarProps {
8
  user: Pick<User, "image" | "name">;
9
}
10

11
export function UserAvatar({ user, ...props }: UserAvatarProps) {
12
  return (
13
    <Avatar {...props}>
14
      {user.image ? (
15
        <AvatarImage alt="Picture" src={user.image} />
16
      ) : (
17
        <AvatarFallback>
18
          <span className="sr-only">{user.name}</span>
19
          <Icons.user className="h-4 w-4" />
20
        </AvatarFallback>
21
      )}
22
    </Avatar>
23
  );
24
}
25