Files
2025-06-11 20:08:32 +08:00

24 lines
608 B
TypeScript

import { User } from "@prisma/client";
import { AvatarProps } from "@radix-ui/react-avatar";
import { Avatar, AvatarImage } from "@/components/ui/avatar";
interface UserAvatarProps extends AvatarProps {
user: Pick<User, "image" | "name" | "email">;
}
export function UserAvatar({ user, ...props }: UserAvatarProps) {
return (
<Avatar {...props}>
<AvatarImage
alt="Picture"
src={
user.image ??
`https://unavatar.io/${user.email}?ttl=1h&fallback=https://wr.do/_static/avatar.png`
}
referrerPolicy="no-referrer"
/>
</Avatar>
);
}