From 2de37687ae257cc41e5d5d86b1a7a2e3f940b03f Mon Sep 17 00:00:00 2001
From: Aria Moradi <aria.moradi007@gmail.com>
Date: Sat, 18 Sep 2021 00:04:09 +0430
Subject: [PATCH] fail gracefully when a thumbnail has errors

---
 src/components/SpinnerImage.tsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/components/SpinnerImage.tsx b/src/components/SpinnerImage.tsx
index 58f4b1a4..ed7e0a95 100644
--- a/src/components/SpinnerImage.tsx
+++ b/src/components/SpinnerImage.tsx
@@ -35,20 +35,28 @@ export default function SpinnerImage(props: IProps) {
             onImageLoad?.();
         };
 
+        img.onerror = () => {
+            setImagsrc('Not Found');
+        };
+
         return () => {
             img.onload = null;
+            img.onerror = null;
         };
     }, [src]);
 
     if (imageSrc.length === 0) {
         return (
-            // <div className={`${classes.image} ${classes.loadingImage}`}>
             <div className={spinnerClassName}>
                 <CircularProgress thickness={5} />
             </div>
         );
     }
 
+    if (imageSrc === 'Not Found') {
+        return <div className={spinnerClassName} />;
+    }
+
     return (
         <img
             className={imgClassName}