From a999ee9e8e488ccd2a321c4f1509829ad91efdcc Mon Sep 17 00:00:00 2001
From: bill bittner <bittner.w@gmail.com>
Date: Fri, 2 Mar 2018 09:36:28 -0800
Subject: [PATCH] hotfix for AssetPreview component

---
 react/components/AssetPreview/index.js        | 20 +++++++++++--------
 .../containers/ChannelClaimsDisplay/view.jsx  |  5 +----
 2 files changed, 13 insertions(+), 12 deletions(-)

diff --git a/react/components/AssetPreview/index.js b/react/components/AssetPreview/index.js
index e28f0d2c..1043c005 100644
--- a/react/components/AssetPreview/index.js
+++ b/react/components/AssetPreview/index.js
@@ -1,7 +1,8 @@
 import React from 'react';
 import { Link } from 'react-router-dom';
+const { claim: { defaultThumbnail } } = require('../../../config/speechConfig.js');
 
-const AssetPreview = ({ name, claimId, fileExt, contentType }) => {
+const AssetPreview = ({ claimData: { name, claimId, fileExt, contentType, thumbnail } }) => {
   const directSourceLink = `${claimId}/${name}.${fileExt}`;
   const showUrlLink = `/${claimId}/${name}`;
   return (
@@ -12,18 +13,21 @@ const AssetPreview = ({ name, claimId, fileExt, contentType }) => {
             case 'image/jpeg':
             case 'image/jpg':
             case 'image/png':
-              return (
-                <img className={'asset-preview'} src={directSourceLink} alt={name} />
-              );
             case 'image/gif':
               return (
-                <img className={'asset-preview'} src={directSourceLink} alt={name} />
+                <img
+                  className={'asset-preview'}
+                  src={directSourceLink}
+                  alt={name}
+                />
               );
             case 'video/mp4':
               return (
-                <video className={'asset-preview'}>
-                  <source src={directSourceLink} type={contentType} />
-                </video>
+                <img
+                  className={'asset-preview'}
+                  src={thumbnail || defaultThumbnail}
+                  alt={name}
+                />
               );
             default:
               return (
diff --git a/react/containers/ChannelClaimsDisplay/view.jsx b/react/containers/ChannelClaimsDisplay/view.jsx
index fd450268..c714a178 100644
--- a/react/containers/ChannelClaimsDisplay/view.jsx
+++ b/react/containers/ChannelClaimsDisplay/view.jsx
@@ -28,10 +28,7 @@ class ChannelClaimsDisplay extends React.Component {
         {(claims.length > 0) ? (
           <div>
             {claims.map((claim, index) => <AssetPreview
-              name={claim.name}
-              claimId={claim.claimId}
-              fileExt={claim.fileExt}
-              contentType={claim.contentType}
+              claimData={claim}
               key={`${claim.name}-${index}`}
             />)}
             <div>