From 33385f90397d35a131f160e51bee060889b3c55b Mon Sep 17 00:00:00 2001
From: Luke Vella <me@lukevella.com>
Date: Sun, 8 Sep 2024 16:06:08 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20Fix=20issue=20with=20external=20?=
 =?UTF-8?q?images=20(#1334)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/current-user-avatar.tsx    | 22 +++++++++++--------
 1 file changed, 13 insertions(+), 9 deletions(-)

diff --git a/apps/web/src/components/current-user-avatar.tsx b/apps/web/src/components/current-user-avatar.tsx
index 54ba8f7d2..53adcedeb 100644
--- a/apps/web/src/components/current-user-avatar.tsx
+++ b/apps/web/src/components/current-user-avatar.tsx
@@ -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>
       )}