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 2018-05-30 18:19:12 -07:00 committed by GitHub
commit 7941fc0ac8
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 45 additions and 27 deletions

View file

@ -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")));
}
}]);

View file

@ -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", {

View file

@ -37,8 +37,7 @@ class AssetInfo extends React.Component {
</div>
}
<div id='show-share-buttons'>
<div className='row row--padded row--wide row--no-top'>
<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>
@ -52,7 +51,6 @@ class AssetInfo extends React.Component {
</div>
</div>
</div>
</div>
<div className='row row--padded row--wide row--no-top'>
<div id='show-short-link'>
@ -108,12 +106,18 @@ class AssetInfo extends React.Component {
</div>
</div>
<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>
);

View file

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