From badc453389ac2365c6c998e5c1ebfcabdd00e179 Mon Sep 17 00:00:00 2001
From: antv <antv@runsystem.net>
Date: Thu, 9 Jul 2026 09:10:15 +0700
Subject: [PATCH] feat: add client-side onerror fallback to default avatar

---
 resources/views/components/header.blade.php       | 2 +-
 resources/views/components/ranking-item.blade.php | 2 +-
 resources/views/user/edit.blade.php               | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/resources/views/components/header.blade.php b/resources/views/components/header.blade.php
index b3dd290..bd60cfb 100644
--- a/resources/views/components/header.blade.php
+++ b/resources/views/components/header.blade.php
@@ -31,7 +31,7 @@
                                 $deptName = $deptVal ?? 'Team';
                             }
                         @endphp
-                        <img src="{{ $avatarUrl }}" alt="Avatar" class="w-full h-full object-cover">
+                        <img src="{{ $avatarUrl }}" alt="Avatar" class="w-full h-full object-cover" onerror="this.onerror=null; this.src='{{ asset('images/avatar.png') }}';">
                     </div>
                     <div class="hidden sm:flex flex-col leading-tight pr-1">
                         <span class="text-[13px] font-bold text-[#1a2b49] block truncate max-w-[100px]" title="{{ Auth::user()->name }}">{{ Auth::user()->name }}</span>
diff --git a/resources/views/components/ranking-item.blade.php b/resources/views/components/ranking-item.blade.php
index 25e5678..8420db2 100644
--- a/resources/views/components/ranking-item.blade.php
+++ b/resources/views/components/ranking-item.blade.php
@@ -18,7 +18,7 @@
         
         <!-- Avatar & Info -->
         <div class="flex items-center gap-3 ml-1 min-w-0 flex-1">
-            <img src="{{ $avatar }}" alt="{{ $name }}" class="w-10 h-10 rounded-full object-cover shadow-sm border border-gray-100 flex-shrink-0">
+            <img src="{{ $avatar }}" alt="{{ $name }}" class="w-10 h-10 rounded-full object-cover shadow-sm border border-gray-100 flex-shrink-0" onerror="this.onerror=null; this.src='{{ asset('images/avatar.png') }}';">
             <div class="flex flex-col min-w-0 flex-1">
                 <span class="text-[14px] font-bold {{ $isCurrent ? 'text-[#1a2b49]' : 'text-gray-800' }} leading-tight mb-0.5 truncate">{{ $name }}</span>
                 <span class="text-[12px] text-gray-500 font-medium truncate" title="{{ $team }}">{{ $team }}</span>
diff --git a/resources/views/user/edit.blade.php b/resources/views/user/edit.blade.php
index 2f02fa5..704d28e 100644
--- a/resources/views/user/edit.blade.php
+++ b/resources/views/user/edit.blade.php
@@ -15,7 +15,7 @@
         <!-- Avatar preview and upload -->
         <div class="flex items-center gap-4 mb-6">
             <div class="w-16 h-16 rounded-full overflow-hidden border border-gray-200">
-                <img src="{{ Auth::user()->avatar ?? asset('images/avatar.png') }}" alt="Avatar" class="w-full h-full object-cover" id="avatar-preview">
+                <img src="{{ Auth::user()->avatar ?? asset('images/avatar.png') }}" alt="Avatar" class="w-full h-full object-cover" id="avatar-preview" onerror="this.onerror=null; this.src='{{ asset('images/avatar.png') }}';">
             </div>
             <div class="flex-1">
                 <label class="block text-[13px] font-bold text-gray-700 mb-1" for="avatar">Thay đổi ảnh đại diện</label>