3pp-mirror/rallly
1
0
Fork 0
mirror of https://github.com/lukevella/rallly.git synced 2025-06-23 04:47:12 +02:00
Code Issues Projects Releases Packages Wiki Activity

🐛 Fix issue with external images (#1334)

Browse source
This commit is contained in:
Luke Vella 2024-09-08 16:06:08 +01:00 • committed by GitHub
parent cc38d5cb1f
commit 33385f9039
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 13 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

22
apps/web/src/components/current-user-avatar.tsx
View file

@ -1,5 +1,5 @@
"use client";
import { Avatar, AvatarFallback } from "@rallly/ui/avatar";
import { Avatar, AvatarFallback, AvatarImage } from "@rallly/ui/avatar";
import Image from "next/image";
import { useUser } from "@/components/user-provider";
@ -24,14 +24,18 @@ export const CurrentUserAvatar = ({
return (
<Avatar className={className} style={{ width: size, height: size }}>
{user.image ? (
<Image
src={getAvatarUrl(user.image)}
width={128}
height={128}
alt={user.name}
style={{ objectFit: "cover" }}
objectFit="cover"
/>
user.image.startsWith("http") ? (
<AvatarImage src={user.image} />
) : (
<Image
src={getAvatarUrl(user.image)}
width={128}
height={128}
alt={user.name}
style={{ objectFit: "cover" }}
objectFit="cover"
/>
)
) : (
<AvatarFallback>{user.name[0]}</AvatarFallback>
)}