From 4233ee6d80d719083365cbb125897f336b4afd22 Mon Sep 17 00:00:00 2001
From: Saliou Diallo <sddioulde@hotmail.com>
Date: Tue, 28 Mar 2023 15:12:00 -0400
Subject: [PATCH] [PAY-1083] - Only allow prompt modal when single track is
 being uploaded (#3115)

Co-authored-by: Saliou Diallo <saliou@audius.co>
---
 packages/web/src/components/data-entry/FormTile.js   | 12 ++++++++++--
 .../web/src/pages/upload-page/components/EditPage.js |  1 +
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/packages/web/src/components/data-entry/FormTile.js b/packages/web/src/components/data-entry/FormTile.js
index d0b283d4b95..289bb07f0db 100644
--- a/packages/web/src/components/data-entry/FormTile.js
+++ b/packages/web/src/components/data-entry/FormTile.js
@@ -534,9 +534,12 @@ const AdvancedForm = (props) => {
         Render the gated content upload prompt component which is responsible
         for whether or its content will modal will be displayed.
       */}
-      {props.type === 'track' && props.isUpload ? (
+      {props.allowPromptModal ? (
         <GatedContentUploadPromptModal
-          onSubmit={() => setIsAvailabilityModalOpen(true)}
+          onSubmit={() => {
+            props.toggleAdvanced()
+            setIsAvailabilityModalOpen(true)
+          }}
         />
       ) : null}
       {showAvailability && (
@@ -843,6 +846,7 @@ class FormTile extends Component {
         />
         <AdvancedForm
           {...this.props}
+          toggleAdvanced={this.toggleAdvanced}
           advancedShow={advancedShow}
           advancedVisible={advancedVisible}
           licenseType={licenseType}
@@ -916,6 +920,9 @@ FormTile.propTypes = {
   /** Whether we are in the track upload flow */
   isUpload: PropTypes.bool,
 
+  /** Whether we allow showing the gated track upload prompt modal */
+  allowPromptModal: PropTypes.bool,
+
   /** Initial form for in case we are in the edit track modal */
   initialForm: PropTypes.object,
 
@@ -962,6 +969,7 @@ FormTile.defaultProps = {
   onChangeOrder: () => {},
   onChangeField: () => {},
   isUpload: true,
+  allowPromptModal: false,
   initialForm: {},
   showUnlistedToggle: true,
   showHideTrackSectionInModal: true,
diff --git a/packages/web/src/pages/upload-page/components/EditPage.js b/packages/web/src/pages/upload-page/components/EditPage.js
index e24c117afee..f3f66a26419 100644
--- a/packages/web/src/pages/upload-page/components/EditPage.js
+++ b/packages/web/src/pages/upload-page/components/EditPage.js
@@ -232,6 +232,7 @@ class EditPage extends Component {
             requiredFields={requiredTracksFields[i]}
             playing={i === previewIndex}
             type={'track'}
+            allowPromptModal={tracks.length === 1}
             onAddStems={(stems) => this.props.onAddStems(stems, i)}
             onSelectStemCategory={(category, stemIndex) =>
               this.props.onSelectStemCategory(category, i, stemIndex)