move edit link from AssetTitle to AssetInfo

client/src/containers/AssetInfo/index.js

@@ -6,9 +6,11 @@ const mapStateToProps = (props) => {
   const {show} = props;
   // select asset
   const asset = selectAsset(show);
+  const editable = Boolean(props.channel.loggedInChannel.name === asset.claimData.channelName);
   //  return props
   return {
     asset,
+    editable,
   };
 };
 

client/src/containers/AssetInfo/view.jsx

@@ -13,10 +13,11 @@ import createCanonicalLink from '../../../../utils/createCanonicalLink';
 
 class AssetInfo extends React.Component {
   render () {
-    const { asset } = this.props;
-    const { claimViews, claimData: { channelName, channelShortId, description, name, fileExt, contentType, thumbnail, host } } = asset;
+    const { editable, asset } = this.props;
+    const { claimViews, claimData } = asset;
+    const { channelName, claimId, channelShortId, description, name, fileExt, contentType, host } = claimData;
 
-    const canonicalUrl = createCanonicalLink({ asset: { ...asset.claimData, shortId: asset.shortId }});
+    const canonicalUrl = createCanonicalLink({ asset: { ...claimData, shortId: asset.shortId }});
     const assetCanonicalUrl = `${host}${canonicalUrl}`;
 
     let channelCanonicalUrl;
@@ -29,6 +30,15 @@ class AssetInfo extends React.Component {
     }
     return (
       <div>
+        {editable && (
+          <Row>
+            <RowLabeled
+              label={<Label value={'Edit:'} />}
+              content={<Link to={`/edit/${claimId}/${name}`}>{name}</Link>}
+            />
+          </Row>
+        )}
+
         {channelName && (
           <Row>
             <RowLabeled

client/src/containers/AssetTitle/index.js

@@ -3,13 +3,9 @@ import View from './view';
 import { selectAsset } from '../../selectors/show';
 
 const mapStateToProps = (props) => {
-  const { claimData: { title, claimId, name, channelName } } = selectAsset(props.show);
-  const editable = Boolean(props.channel.loggedInChannel.name === channelName);
+  const { claimData: { title } } = selectAsset(props.show);
   return {
     title,
-    claimId,
-    name,
-    editable,
   };
 };
 

client/src/containers/AssetTitle/view.jsx

@@ -2,13 +2,10 @@ import React from 'react';
 import { Link } from 'react-router-dom';
 import Row from '@components/Row';
 
-const AssetTitle = ({ title, editable, claimId, name }) => {
+const AssetTitle = ({ title }) => {
   return (
     <Row>
-      <h3>
-        {title}
-        {editable && (<span> (<Link to={`/edit/${claimId}/${name}`}>edit</Link>)</span>)}
-      </h3>
+      <h3>{title}</h3>
     </Row>
   );
 };