Gray out 'Upload' button when previewing.

I simply check if the Modal exists, instead of creating an ACTION state in redux.

ui/component/publishForm/index.js

@@ -14,6 +14,7 @@ import {
 } from 'lbry-redux';
 import { doPublishDesktop } from 'redux/actions/publish';
 import { selectUnclaimedRewardValue } from 'redux/selectors/rewards';
+import { selectModal } from 'redux/selectors/app';
 import PublishPage from './view';
 
 const select = state => ({
@@ -27,6 +28,7 @@ const select = state => ({
   isStillEditing: selectIsStillEditing(state),
   isResolvingUri: selectIsResolvingPublishUris(state),
   totalRewardValue: selectUnclaimedRewardValue(state),
+  modal: selectModal(state),
 });
 
 const perform = dispatch => ({

ui/component/publishForm/view.jsx

@@ -78,6 +78,7 @@ type Props = {
   updatePublishForm: any => void,
   checkAvailability: string => void,
   ytSignupPending: boolean,
+  modal: { id: string, modalProps: {} },
 };
 
 function PublishForm(props: Props) {
@@ -114,6 +115,7 @@ function PublishForm(props: Props) {
     disabled = false,
     checkAvailability,
     ytSignupPending,
+    modal,
   } = props;
 
   // Used to check if name should be auto-populated from title
@@ -148,9 +150,20 @@ function PublishForm(props: Props) {
     ? isStillEditing && formValidLessFile
     : formValidLessFile;
 
+  const [previewing, setPreviewing] = React.useState(false);
+  useEffect(() => {
+    if (!modal) {
+      setTimeout(() => {
+        setPreviewing(false);
+      }, 250);
+    }
+  }, [modal]);
+
   let submitLabel;
   if (isStillEditing) {
     submitLabel = !publishing ? __('Save') : __('Saving...');
+  } else if (previewing) {
+    submitLabel = __('Preparing...');
   } else {
     submitLabel = !publishing ? __('Upload') : __('Uploading...');
   }
@@ -277,6 +290,7 @@ function PublishForm(props: Props) {
       if (isStillEditing) {
         publish(filePath, false);
       } else {
+        setPreviewing(true);
         publish(filePath, true);
       }
     }
@@ -382,7 +396,11 @@ function PublishForm(props: Props) {
             onClick={handlePublish}
             label={submitLabel}
             disabled={
-              formDisabled || !formValid || uploadThumbnailStatus === THUMBNAIL_STATUSES.IN_PROGRESS || ytSignupPending
+              formDisabled ||
+              !formValid ||
+              uploadThumbnailStatus === THUMBNAIL_STATUSES.IN_PROGRESS ||
+              ytSignupPending ||
+              previewing
             }
           />
           <Button button="link" onClick={clearPublish} label={__('Cancel')} />