Merge pull request #458 from lbryio/377-lbry-app-dl-link
added lbry.io/get link to asset show pages
This commit is contained in:
Bill Bittner
GitHub
commit
7941fc0ac8
4 changed files with 45 additions and 27 deletions
|
|
@ -89,8 +89,7 @@ function (_React$Component) {
|
|||
}, _react.default.createElement("span", {
|
||||
className: "text"
|
||||
}, description)), _react.default.createElement("div", {
|
||||
id: "show-share-buttons"
|
||||
}, _react.default.createElement("div", {
|
||||
id: "show-share-buttons",
|
||||
className: "row row--padded row--wide row--no-top"
|
||||
}, _react.default.createElement("div", {
|
||||
className: "column column--2 column--med-10"
|
||||
|
|
@ -116,7 +115,7 @@ function (_React$Component) {
|
|||
className: "link--primary",
|
||||
target: "_blank",
|
||||
href: "https://www.reddit.com/submit?url=".concat(host, "/").concat(shortId, "/").concat(name, "&title=").concat(name)
|
||||
}, "reddit"))))), _react.default.createElement("div", {
|
||||
}, "reddit")))), _react.default.createElement("div", {
|
||||
className: "row row--padded row--wide row--no-top"
|
||||
}, _react.default.createElement("div", {
|
||||
id: "show-short-link"
|
||||
|
|
@ -191,6 +190,8 @@ function (_React$Component) {
|
|||
"data-elementtocopy": "embed-text",
|
||||
onClick: this.copyToClipboard
|
||||
}, "copy")))))), _react.default.createElement("div", {
|
||||
className: "row row--padded row--wide row--no-top"
|
||||
}, _react.default.createElement("div", {
|
||||
className: "flex-container--row flex-container--space-between-bottom"
|
||||
}, _react.default.createElement(_reactRouterDom.Link, {
|
||||
className: "link--primary",
|
||||
|
|
@ -205,7 +206,13 @@ function (_React$Component) {
|
|||
className: "link--primary",
|
||||
target: "_blank",
|
||||
href: "https://lbry.io/dmca"
|
||||
}, "Report")));
|
||||
}, "Report"))), _react.default.createElement("div", {
|
||||
className: "row row--padded row--wide row--no-top"
|
||||
}, "Hosted via the ", _react.default.createElement("a", {
|
||||
className: "link--primary",
|
||||
href: 'https://lbry.io/get',
|
||||
target: '_blank'
|
||||
}, "LBRY blockchain")));
|
||||
}
|
||||
}]);
|
||||
|
||||
|
|
|
|||
|
|
@ -56,11 +56,17 @@ function (_React$Component) {
|
|||
}, _react.default.createElement(_SEO.default, {
|
||||
pageTitle: name,
|
||||
asset: asset
|
||||
}), _react.default.createElement(_AssetDisplay.default, null), _react.default.createElement(_reactRouterDom.Link, {
|
||||
}), _react.default.createElement(_AssetDisplay.default, null), _react.default.createElement("div", {
|
||||
className: "fine-print"
|
||||
}, _react.default.createElement(_reactRouterDom.Link, {
|
||||
id: "asset-boilerpate",
|
||||
className: "link--primary fine-print",
|
||||
className: "link--primary",
|
||||
to: "/".concat(claimId, "/").concat(name)
|
||||
}, "hosted via Spee.ch"));
|
||||
}, " hosted on spee.ch"), " via the ", _react.default.createElement("a", {
|
||||
className: "link--primary",
|
||||
href: 'https://lbry.io/get',
|
||||
target: '_blank'
|
||||
}, "LBRY blockchain")));
|
||||
}
|
||||
|
||||
return _react.default.createElement("div", {
|
||||
|
|
|
|||
|
|
@ -37,19 +37,17 @@ class AssetInfo extends React.Component {
|
|||
</div>
|
||||
}
|
||||
|
||||
<div id='show-share-buttons'>
|
||||
<div className='row row--padded row--wide row--no-top'>
|
||||
<div className='column column--2 column--med-10'>
|
||||
<span className='text'>Share:</span>
|
||||
</div>
|
||||
<div className='column column--8 column--med-10'>
|
||||
<div
|
||||
className='row row--short row--wide flex-container--row flex-container--space-between-bottom flex-container--wrap'>
|
||||
<a className='link--primary' target='_blank' href={`https://twitter.com/intent/tweet?text=${host}/${shortId}/${name}`}>twitter</a>
|
||||
<a className='link--primary' target='_blank' href={`https://www.facebook.com/sharer/sharer.php?u=${host}/${shortId}/${name}`}>facebook</a>
|
||||
<a className='link--primary' target='_blank' href={`http://tumblr.com/widgets/share/tool?canonicalUrl=${host}/${shortId}/${name}`}>tumblr</a>
|
||||
<a className='link--primary' target='_blank' href={`https://www.reddit.com/submit?url=${host}/${shortId}/${name}&title=${name}`}>reddit</a>
|
||||
</div>
|
||||
<div id='show-share-buttons' className='row row--padded row--wide row--no-top'>
|
||||
<div className='column column--2 column--med-10'>
|
||||
<span className='text'>Share:</span>
|
||||
</div>
|
||||
<div className='column column--8 column--med-10'>
|
||||
<div
|
||||
className='row row--short row--wide flex-container--row flex-container--space-between-bottom flex-container--wrap'>
|
||||
<a className='link--primary' target='_blank' href={`https://twitter.com/intent/tweet?text=${host}/${shortId}/${name}`}>twitter</a>
|
||||
<a className='link--primary' target='_blank' href={`https://www.facebook.com/sharer/sharer.php?u=${host}/${shortId}/${name}`}>facebook</a>
|
||||
<a className='link--primary' target='_blank' href={`http://tumblr.com/widgets/share/tool?canonicalUrl=${host}/${shortId}/${name}`}>tumblr</a>
|
||||
<a className='link--primary' target='_blank' href={`https://www.reddit.com/submit?url=${host}/${shortId}/${name}&title=${name}`}>reddit</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -108,11 +106,17 @@ class AssetInfo extends React.Component {
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div className='flex-container--row flex-container--space-between-bottom'>
|
||||
<Link className='link--primary' to={`/${shortId}/${name}.${fileExt}`}><span
|
||||
className='text'>Direct Link</span></Link>
|
||||
<a className='link--primary' href={`${host}/${claimId}/${name}.${fileExt}`} download={name}>Download</a>
|
||||
<a className='link--primary' target='_blank' href='https://lbry.io/dmca'>Report</a>
|
||||
<div className='row row--padded row--wide row--no-top'>
|
||||
<div className='flex-container--row flex-container--space-between-bottom'>
|
||||
<Link className='link--primary' to={`/${shortId}/${name}.${fileExt}`}><span
|
||||
className='text'>Direct Link</span></Link>
|
||||
<a className='link--primary' href={`${host}/${claimId}/${name}.${fileExt}`} download={name}>Download</a>
|
||||
<a className='link--primary' target='_blank' href='https://lbry.io/dmca'>Report</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className='row row--padded row--wide row--no-top'>
|
||||
Hosted via the <a className='link--primary' href={'https://lbry.io/get'} target={'_blank'}>LBRY blockchain</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -14,8 +14,9 @@ class ShowLite extends React.Component {
|
|||
<div className='row row--tall flex-container--column flex-container--center-center show-lite-container'>
|
||||
<SEO pageTitle={name} asset={asset} />
|
||||
<AssetDisplay />
|
||||
<Link id='asset-boilerpate' className='link--primary fine-print' to={`/${claimId}/${name}`}>hosted
|
||||
via Spee.ch</Link>
|
||||
<div className='fine-print'>
|
||||
<Link id='asset-boilerpate' className='link--primary' to={`/${claimId}/${name}`}> hosted on spee.ch</Link> via the <a className='link--primary' href={'https://lbry.io/get'} target={'_blank'}>LBRY blockchain</a>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue