react/components/AssetPreview/index.js

@@ -1,10 +1,9 @@
 import React from 'react';
 
-const AssetPreview = ({asset}) => {
-  console.log('asset display info:', asset);
+const AssetPreview = ({ name, claimId, contentType }) => {
   return (
     <div>
-      <p>Preview Asset here</p>
+      <p>name: {name}, claimId: {claimId}, contentType: {contentType}</p>
     </div>
   );
 };

react/components/ShowChannel/index.js

@@ -72,7 +72,12 @@ class ShowChannel extends React.Component {
             <div className="column column--10">
               <div>
                 {/* claims here */}
-                {this.state.claims && this.state.claims.map((claim, index) => <AssetPreview claim={claim} key={index} />)}
+                {this.state.claims && this.state.claims.map((claim, index) => <AssetPreview
+                  name={claim.name}
+                  claimId={claim.claimId}
+                  contentType={claim.contentType}
+                  key={index}
+                />)}
               </div>
             </div>
           </div>