remove unsupported file types from channel pages

client/src/components/AssetPreview/index.jsx

@@ -3,18 +3,16 @@ import { Link } from 'react-router-dom';
 import createCanonicalLink from '../../../../utils/createCanonicalLink';
 
 const AssetPreview = ({ defaultThumbnail, claimData }) => {
-  const { name, fileExt, contentType, thumbnail, title } = claimData;
+  const {name, fileExt, contentType, thumbnail, title} = claimData;
-  const showUrl = createCanonicalLink({ asset: { ...claimData }});
+  const showUrl = createCanonicalLink({asset: {...claimData}});
   const embedUrl = `${showUrl}.${fileExt}`;
-  return (
-    <Link to={showUrl} className='asset-preview'>
-      {(() => {
   switch (contentType) {
     case 'image/jpeg':
     case 'image/jpg':
     case 'image/png':
     case 'image/gif':
       return (
+        <Link to={showUrl} className='asset-preview'>
           <div>
             <img
               className={'asset-preview-image'}
@@ -23,9 +21,11 @@ const AssetPreview = ({ defaultThumbnail, claimData }) => {
             />
             <h3 className='list-title'>{title}</h3>
           </div>
+        </Link>
       );
     case 'video/mp4':
       return (
+        <Link to={showUrl} className='asset-preview'>
           <div>
             <img
               className={'asset-preview-video'}
@@ -34,15 +34,11 @@ const AssetPreview = ({ defaultThumbnail, claimData }) => {
             />
             <h3 className='list-title'>{title}</h3>
           </div>
-            );
-          default:
-            return (
-              <p>unsupported file type</p>
-            );
-        }
-      })()}
         </Link>
       );
+    default:
+      return null;
+  }
 };
 
 export default AssetPreview;