From 8fbeb1077ceb1e2ab3230be4dbbfae63056577dd Mon Sep 17 00:00:00 2001
From: Ari Seyhun <ariseyhun@live.com.au>
Date: Tue, 26 Nov 2024 18:03:12 +0800
Subject: [PATCH] feat: fallback avatar to initials on image load error

---
 thaw/src/avatar/mod.rs | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/thaw/src/avatar/mod.rs b/thaw/src/avatar/mod.rs
index aecc5a5b..b14d9193 100644
--- a/thaw/src/avatar/mod.rs
+++ b/thaw/src/avatar/mod.rs
@@ -46,6 +46,7 @@ pub fn Avatar(
     let name = StoredValue::new(name);
     let src = StoredValue::new(src);
     let initials = StoredValue::new(initials);
+    let image_failed = RwSignal::new(false);
     let is_show_default_icon = Memo::new(move |_| {
         if name.with_value(|n| n.with(|n| n.is_some())) {
             false
@@ -85,10 +86,10 @@ pub fn Avatar(
                 }
             }}
             {move || {
-                let src = src.with_value(|s| s.get());
+                let src = src.with_value(|s| if image_failed.get() { None } else { s.get() });
                 view! {
                     <OptionComp value=src let:src>
-                        <img src=src class="thaw-avatar__image" />
+                        <img src=src class="thaw-avatar__image" on:error=move |_| image_failed.set(true) />
                     </OptionComp>
                 }
             }}