3pp-mirror/rallly
1
0
Fork 0
mirror of https://github.com/lukevella/rallly.git synced 2025-06-23 21:07:10 +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

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

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