LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

add additional app driver on paid embeds

Browse source
This commit is contained in:
Sean Yesmunt 2020-05-26 14:29:53 -04:00
parent 66468174c2
commit 1210a03c3f
2 changed files with 12 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
ui/page/embedWrapper/view.jsx
View file

@ -3,6 +3,8 @@ import React, { useEffect } from 'react';
import FileRender from 'component/fileRender';
import FileViewerEmbeddedTitle from 'component/fileViewerEmbeddedTitle';
import Spinner from 'component/spinner';
import Button from 'component/button';
import { formatLbryUrlForWeb } from 'util/url';
type Props = {
uri: string,
@ -23,6 +25,7 @@ const EmbedWrapperPage = (props: Props) => {
const loading = !claim && isResolvingUri;
const noContentFound = !claim && !isResolvingUri;
const isPaidContent = costInfo && costInfo.cost > 0;
const contentLink = formatLbryUrlForWeb(uri);
useEffect(() => {
if (resolveUri && uri && !haveClaim) {
@ -51,7 +54,14 @@ const EmbedWrapperPage = (props: Props) => {
<div className="embed__loading-text">
{loading && <Spinner delayed light />}
{noContentFound && <h1>{__('No content found.')}</h1>}
{isPaidContent && <h1>{__('Paid content cannot be embedded.')}</h1>}
{isPaidContent && (
<div>
<h1>{__('Paid content cannot be embedded.')}</h1>
<div className="section__actions--centered">
<Button label={__('View on lbry.tv')} button="primary" href={contentLink} />
</div>
</div>
)}
</div>
</div>
)}

2
ui/scss/component/_embed-player.scss
View file

@ -39,6 +39,6 @@
color: var(--color-white);
h1 {
font-size: var(--font-title);
font-size: var(--font-large);
}
}