feat: fallback community icon on error (#1767)

aeharding · Dec 7, 2024 · 3b7b54b · 3b7b54b
1 parent 1cd3e61
commit 3b7b54b
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/src/features/labels/img/ItemIcon.tsx b/src/features/labels/img/ItemIcon.tsx
@@ -1,4 +1,5 @@
 import { Community, Person } from "lemmy-js-client";
+import { useState } from "react";
 
 import FakeIcon from "#/features/shared/FakeIcon";
 import { cx } from "#/helpers/css";
@@ -19,6 +20,8 @@ export default function ItemIcon({
   className,
   slot,
 }: ItemIconProps) {
+  const [failed, setFailed] = useState(false);
+
   size = size ?? 28;
 
   if (typeof item === "string")
@@ -28,13 +31,16 @@ export default function ItemIcon({
 
   const icon = "posting_restricted_to_mods" in item ? item.icon : item.avatar;
 
-  if (icon)
+  if (icon && !failed)
     return (
       <img
         style={{ width: `${size}px`, height: `${size}px` }}
         src={getImageSrc(icon, {
           size,
         })}
+        onError={() => {
+          setFailed(true);
+        }}
         className={cx(styles.subImgIcon, className)}
         slot={slot}
       />