🖼️ fix: Prevent Empty Avatar Source (#4321)

danny-avila · Oct 27, 2024 · a5c0752 · a5c0752
1 parent 150c57e
commit a5c0752
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/client/src/components/Endpoints/Icon.tsx b/client/src/components/Endpoints/Icon.tsx
@@ -38,7 +38,7 @@ const UserAvatar = memo(({ size, user, avatarSrc, username, className }: UserAva
         <UserIcon />
       </div>
     ) : (
-      <img className="rounded-full" src={user?.avatar ?? avatarSrc} alt="avatar" />
+      <img className="rounded-full" src={(user?.avatar ?? '') || avatarSrc} alt="avatar" />
     )}
   </div>
 ));

diff --git a/client/src/components/Nav/AccountSettings.tsx b/client/src/components/Nav/AccountSettings.tsx
@@ -50,7 +50,7 @@ function AccountSettings() {
             ) : (
               <img
                 className="rounded-full"
-                src={user?.avatar ?? avatarSrc}
+                src={(user?.avatar ?? '') || avatarSrc}
                 alt={`${name}'s avatar`}
               />
             )}