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", { }, _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")));
} }
}]); }]);

View file

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

View file

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

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