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:
commit
7941fc0ac8
4 changed files with 45 additions and 27 deletions
|
@ -89,8 +89,7 @@ function (_React$Component) {
|
||||||
}, _react.default.createElement("span", {
|
}, _react.default.createElement("span", {
|
||||||
className: "text"
|
className: "text"
|
||||||
}, description)), _react.default.createElement("div", {
|
}, description)), _react.default.createElement("div", {
|
||||||
id: "show-share-buttons"
|
id: "show-share-buttons",
|
||||||
}, _react.default.createElement("div", {
|
|
||||||
className: "row row--padded row--wide row--no-top"
|
className: "row row--padded row--wide row--no-top"
|
||||||
}, _react.default.createElement("div", {
|
}, _react.default.createElement("div", {
|
||||||
className: "column column--2 column--med-10"
|
className: "column column--2 column--med-10"
|
||||||
|
@ -116,7 +115,7 @@ function (_React$Component) {
|
||||||
className: "link--primary",
|
className: "link--primary",
|
||||||
target: "_blank",
|
target: "_blank",
|
||||||
href: "https://www.reddit.com/submit?url=".concat(host, "/").concat(shortId, "/").concat(name, "&title=").concat(name)
|
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"
|
className: "row row--padded row--wide row--no-top"
|
||||||
}, _react.default.createElement("div", {
|
}, _react.default.createElement("div", {
|
||||||
id: "show-short-link"
|
id: "show-short-link"
|
||||||
|
@ -191,6 +190,8 @@ function (_React$Component) {
|
||||||
"data-elementtocopy": "embed-text",
|
"data-elementtocopy": "embed-text",
|
||||||
onClick: this.copyToClipboard
|
onClick: this.copyToClipboard
|
||||||
}, "copy")))))), _react.default.createElement("div", {
|
}, "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"
|
className: "flex-container--row flex-container--space-between-bottom"
|
||||||
}, _react.default.createElement(_reactRouterDom.Link, {
|
}, _react.default.createElement(_reactRouterDom.Link, {
|
||||||
className: "link--primary",
|
className: "link--primary",
|
||||||
|
@ -205,7 +206,13 @@ function (_React$Component) {
|
||||||
className: "link--primary",
|
className: "link--primary",
|
||||||
target: "_blank",
|
target: "_blank",
|
||||||
href: "https://lbry.io/dmca"
|
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, {
|
}, _react.default.createElement(_SEO.default, {
|
||||||
pageTitle: name,
|
pageTitle: name,
|
||||||
asset: asset
|
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",
|
id: "asset-boilerpate",
|
||||||
className: "link--primary fine-print",
|
className: "link--primary",
|
||||||
to: "/".concat(claimId, "/").concat(name)
|
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", {
|
return _react.default.createElement("div", {
|
||||||
|
|
|
@ -37,8 +37,7 @@ class AssetInfo extends React.Component {
|
||||||
</div>
|
</div>
|
||||||
}
|
}
|
||||||
|
|
||||||
<div id='show-share-buttons'>
|
<div id='show-share-buttons' className='row row--padded row--wide row--no-top'>
|
||||||
<div className='row row--padded row--wide row--no-top'>
|
|
||||||
<div className='column column--2 column--med-10'>
|
<div className='column column--2 column--med-10'>
|
||||||
<span className='text'>Share:</span>
|
<span className='text'>Share:</span>
|
||||||
</div>
|
</div>
|
||||||
|
@ -52,7 +51,6 @@ class AssetInfo extends React.Component {
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className='row row--padded row--wide row--no-top'>
|
<div className='row row--padded row--wide row--no-top'>
|
||||||
<div id='show-short-link'>
|
<div id='show-short-link'>
|
||||||
|
@ -108,12 +106,18 @@ class AssetInfo extends React.Component {
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div className='row row--padded row--wide row--no-top'>
|
||||||
<div className='flex-container--row flex-container--space-between-bottom'>
|
<div className='flex-container--row flex-container--space-between-bottom'>
|
||||||
<Link className='link--primary' to={`/${shortId}/${name}.${fileExt}`}><span
|
<Link className='link--primary' to={`/${shortId}/${name}.${fileExt}`}><span
|
||||||
className='text'>Direct Link</span></Link>
|
className='text'>Direct Link</span></Link>
|
||||||
<a className='link--primary' href={`${host}/${claimId}/${name}.${fileExt}`} download={name}>Download</a>
|
<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>
|
<a className='link--primary' target='_blank' href='https://lbry.io/dmca'>Report</a>
|
||||||
</div>
|
</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>
|
</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'>
|
<div className='row row--tall flex-container--column flex-container--center-center show-lite-container'>
|
||||||
<SEO pageTitle={name} asset={asset} />
|
<SEO pageTitle={name} asset={asset} />
|
||||||
<AssetDisplay />
|
<AssetDisplay />
|
||||||
<Link id='asset-boilerpate' className='link--primary fine-print' to={`/${claimId}/${name}`}>hosted
|
<div className='fine-print'>
|
||||||
via Spee.ch</Link>
|
<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>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue