Claim added

This commit is contained in:
Minesh Mitha 2018-10-23 22:26:49 +01:00
parent bb19e4bb3a
commit 35d0da670c
2 changed files with 22 additions and 12 deletions

View file

@ -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;
}
}
}

View file

@ -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>
<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>
}
/>
</div>
{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'}>{address}</a>
}
/>
</div>
)}
</div>
</div>