fix: 🐛 image fallback

Psychedelic · Dec 13, 2021 · aaa7e4d · aaa7e4d
1 parent 6278e27
commit aaa7e4d
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/packages/dashboard/src/components/ItemCell/index.tsx b/packages/dashboard/src/components/ItemCell/index.tsx
@@ -55,9 +55,17 @@ const IconDisplayer = ({
 }: {
   mediaUrl?: string,
 }) => {
-  const isValidImgIcon = mediaUrl?.match(/.gif|.png|.jpg/);
+  let isValidImgIcon = !!mediaUrl?.match(/.gif|.png|.jpe?g/);
   const isValidMediaIcon = mediaUrl?.match(/.mp4/);
 
+  if (!isValidImgIcon && !isValidMediaIcon && typeof mediaUrl !== 'undefined') {
+    // TODO: given that certain standards have URLs
+    // which do not have a png, jpg but valid
+    // maybe compute it here
+    // at time of writing it'll fallback to true
+    isValidImgIcon = true;
+  }
+
   if (isValidMediaIcon) {
     return (
       <video data-icon-video controls width="35" loop autoPlay>
@@ -106,7 +114,7 @@ export default ({
         )
         : (
           <IconDisplayer
-          mediaUrl={nftDetails?.url || metadata?.icon}
+            mediaUrl={nftDetails?.url || metadata?.icon}
           />
         )
       }