🐛 Fix fallback image

This commit is contained in:
Luke Vella 2024-09-08 23:26:10 +01:00
parent 4cdc409b8d
commit 322f4c5261
No known key found for this signature in database
GPG key ID: 469CAD687F0D784C

View file

@ -24,22 +24,18 @@ export const OptimizedAvatarImage = ({
}) => {
return (
<Avatar className={className} style={{ width: size, height: size }}>
{src ? (
src.startsWith("http") ? (
<AvatarImage src={src} alt={name} />
) : (
<Image
src={getAvatarUrl(src)}
width={128}
height={128}
alt={name}
style={{ objectFit: "cover" }}
objectFit="cover"
/>
)
{!src || src.startsWith("https") ? (
<AvatarImage src={src} alt={name} />
) : (
<AvatarFallback>{name[0]}</AvatarFallback>
<Image
src={getAvatarUrl(src)}
width={128}
height={128}
alt={name}
style={{ objectFit: "cover" }}
/>
)}
<AvatarFallback>{name[0]}</AvatarFallback>
</Avatar>
);
};