From 1210a03c3fe9af01b9cb77555fd3c2d17c3e89ab Mon Sep 17 00:00:00 2001
From: Sean Yesmunt <sean@lbry.io>
Date: Tue, 26 May 2020 14:29:53 -0400
Subject: [PATCH] add additional app driver on paid embeds

---
 ui/page/embedWrapper/view.jsx        | 12 +++++++++++-
 ui/scss/component/_embed-player.scss |  2 +-
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/ui/page/embedWrapper/view.jsx b/ui/page/embedWrapper/view.jsx
index db741bcc7..9223fd0c5 100644
--- a/ui/page/embedWrapper/view.jsx
+++ b/ui/page/embedWrapper/view.jsx
@@ -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>
         )}
diff --git a/ui/scss/component/_embed-player.scss b/ui/scss/component/_embed-player.scss
index 38dbcd5b5..687197c8b 100644
--- a/ui/scss/component/_embed-player.scss
+++ b/ui/scss/component/_embed-player.scss
@@ -39,6 +39,6 @@
   color: var(--color-white);
 
   h1 {
-    font-size: var(--font-title);
+    font-size: var(--font-large);
   }
 }