Claim added

client/scss/asset-display/_asset-display.scss

@@ -150,7 +150,6 @@
       padding-bottom: 30px;
       border-bottom: 1px solid $grey-alt;
     }
-
   }
 
 }
@@ -163,4 +162,13 @@
     padding-top: 22px;
     padding-bottom: 0;
   }
+
+    .claim-address {
+      .link--brand {
+        font-size: 12px;
+        font-weight: 300;
+        line-height: 18px;
+      }
+    }
+
 }

client/src/containers/AssetInfo/view.jsx

@@ -11,7 +11,7 @@ import * as Icon from 'react-feather';
 
 class AssetInfo extends React.Component {
   render () {
-    const { asset: { shortId, claimData: { channelName, certificateId, description, name, claimId, fileExt, contentType, thumbnail, host } } } = this.props;
+    const { asset: { shortId, claimData: { channelName, certificateId, description, name, address, claimId, fileExt, contentType, thumbnail, host } } } = this.props;
     return (
       <div className='asset-information-wrap'>
         <HorizontalSplit
@@ -135,16 +135,18 @@ class AssetInfo extends React.Component {
                     Hosted via the <a className={'link--brand link--hover'} href={'https://lbry.io/get'} target={'_blank'}>LBRY</a> blockchain
                   </p>
                 </Row>
+                {address && (
                   <div className='claim-address'>
                     <RowLabeledAlt
                       label={
                         <Label value={'Claim Address'} />
                       }
                       content={
-                      <a className={'link--brand link--hover'} href={'https://lbry.io/get'} target={'_blank'}>Place Claim Address Here</a>
+                        <a className={'link--brand link--hover'} href={'https://lbry.io/get'} target={'_blank'}>{address}</a>
                       }
                     />
                   </div>
+                )}
               </div>
 
             </div>