From 9c5ffdc1bf2f594764f4558a7bf3f4e3e48d2613 Mon Sep 17 00:00:00 2001
From: Sean Yesmunt <sean@lbry.io>
Date: Fri, 11 Dec 2020 15:25:01 -0500
Subject: [PATCH] deal with completed transfers on youtube transfer page

---
 ui/component/youtubeTransferStatus/view.jsx | 31 ++++++++++++++++-----
 ui/scss/init/_gui.scss                      |  4 +++
 2 files changed, 28 insertions(+), 7 deletions(-)

diff --git a/ui/component/youtubeTransferStatus/view.jsx b/ui/component/youtubeTransferStatus/view.jsx
index 82ad90ad9..ea89160a3 100644
--- a/ui/component/youtubeTransferStatus/view.jsx
+++ b/ui/component/youtubeTransferStatus/view.jsx
@@ -90,13 +90,24 @@ export default function YoutubeTransferStatus(props: Props) {
   return (
     (alwaysShow || (hasChannels && !isYoutubeTransferComplete)) && (
       <Card
-        title={youtubeChannels.length > 1 ? __('Your YouTube channels') : __('Your YouTube channel')}
+        title={
+          isYoutubeTransferComplete
+            ? __('Transfer Complete')
+            : youtubeChannels.length > 1
+            ? __('Your YouTube channels')
+            : __('Your YouTube channel')
+        }
         subtitle={
           <span>
             {hasPendingTransfers &&
               __('Your videos are currently being transferred. There is nothing else for you to do.')}
             {transferEnabled && !hasPendingTransfers && __('Your videos are ready to be transferred.')}
-            {!transferEnabled && !hasPendingTransfers && __('Please check back later. This may take up to 1 week.')}
+            {!transferEnabled &&
+              !hasPendingTransfers &&
+              !isYoutubeTransferComplete &&
+              __('Please check back later. This may take up to 1 week.')}
+
+            {isYoutubeTransferComplete && __('View your channel or choose a new channel to sync.')}
           </span>
         }
         body={
@@ -173,13 +184,19 @@ export default function YoutubeTransferStatus(props: Props) {
         actions={
           <>
             <div className="section__actions">
+              {!isYoutubeTransferComplete && (
+                <Button
+                  button="primary"
+                  disabled={youtubeImportPending || !transferEnabled}
+                  onClick={claimChannels}
+                  label={youtubeChannels.length > 1 ? __('Claim Channels') : __('Claim Channel')}
+                />
+              )}
               <Button
-                button="primary"
-                disabled={youtubeImportPending || !transferEnabled}
-                onClick={claimChannels}
-                label={youtubeChannels.length > 1 ? __('Claim Channels') : __('Claim Channel')}
+                button={isYoutubeTransferComplete ? 'primary' : 'link'}
+                label={__('Explore %SITE_NAME%', { SITE_NAME })}
+                navigate="/"
               />
-              <Button button="link" label={__('Explore %SITE_NAME%', { SITE_NAME })} navigate="/" />
             </div>
 
             <p className="help">
diff --git a/ui/scss/init/_gui.scss b/ui/scss/init/_gui.scss
index 7ad389e2c..7714b5c26 100644
--- a/ui/scss/init/_gui.scss
+++ b/ui/scss/init/_gui.scss
@@ -223,6 +223,10 @@ textarea {
   &:not(:last-child) {
     margin-bottom: var(--spacing-s);
   }
+
+  .button--link ~ .button--link {
+    margin-left: var(--spacing-s);
+  }
 }
 
 .help--warning {