From 8acb81e6b4ac63034abd5d7364586ee2c45c84e5 Mon Sep 17 00:00:00 2001
From: Jose Selesan <jose.selesan@solotechnologies.us>
Date: Fri, 22 May 2026 11:58:25 -0300
Subject: [PATCH] Refactor UserAvatar component to simplify image handling and
 remove error state management

---
 apps/frontend/src/components/user-avatar.tsx | 19 +------------------
 1 file changed, 1 insertion(+), 18 deletions(-)

diff --git a/apps/frontend/src/components/user-avatar.tsx b/apps/frontend/src/components/user-avatar.tsx
index 73d8c03..7982f84 100644
--- a/apps/frontend/src/components/user-avatar.tsx
+++ b/apps/frontend/src/components/user-avatar.tsx
@@ -1,5 +1,4 @@
 import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar';
-import { useEffect, useState } from 'react';
 
 type UserAvatarProps = {
   src?: string | null;
@@ -22,25 +21,9 @@ export function UserAvatar({
   size = 'default',
   className,
 }: UserAvatarProps) {
-  const [imageError, setImageError] = useState(false);
-
-  useEffect(() => {
-    setImageError(false);
-  }, [src]);
-
-  const canShowImage = Boolean(src) && !imageError;
-
   return (
     <Avatar size={size} className={className}>
-      {canShowImage && (
-        <AvatarImage
-          src={src ?? undefined}
-          alt={alt}
-          onError={() => {
-            setImageError(true);
-          }}
-        />
-      )}
+      <AvatarImage src={src ?? undefined} alt={alt} />
       <AvatarFallback>{getInitials(fallbackText)}</AvatarFallback>
     </Avatar>
   );