20 lines
420 B
TypeScript
20 lines
420 B
TypeScript
import { cn } from "@/lib/utils";
|
|
import { Avatar, AvatarFallback, AvatarImage } from "./ui/avatar";
|
|
|
|
export default function ProfilePicture({
|
|
name,
|
|
url,
|
|
className,
|
|
}: {
|
|
name: string;
|
|
url: string | undefined;
|
|
className?: string;
|
|
}) {
|
|
return (
|
|
<Avatar className={cn("h-8 w-8", className)}>
|
|
<AvatarImage src={url} alt={name} />
|
|
<AvatarFallback>{name[0]}</AvatarFallback>
|
|
</Avatar>
|
|
);
|
|
}
|