update disable logic based on copilot prize

Author: Vips19

src/components/ChallengeEditor/Copilot-Field/Copilot-Field.module.scss

@@ -30,9 +30,6 @@
       white-space: nowrap;
       display: flex;
       align-items: center;
-      span {
-        color: $tc-red;
-      }
     }
 
     &.col2.error {

src/components/ChallengeEditor/Copilot-Field/index.js

@@ -8,6 +8,8 @@ import CopilotCard from '../../CopilotCard'
 const CopilotField = ({ copilots, challenge, onUpdateOthers, readOnly }) => {
   let errMessage = 'Please set a copilot'
   const selectedCopilot = _.find(copilots, { handle: challenge.copilot })
+  const copilotFee = _.find(challenge.prizeSets, p => p.type === 'copilot', [])
+  console.log(copilotFee)
   if (readOnly) {
     return (
       <div className={styles.row}>
@@ -24,7 +26,7 @@ const CopilotField = ({ copilots, challenge, onUpdateOthers, readOnly }) => {
     <>
       <div className={styles.row}>
         <div className={cn(styles.field, styles.col1)}>
-          <label htmlFor='copilot'>Copilot {!readOnly && (<span>*</span>)} :</label>
+          <label htmlFor='copilot'>Copilot :</label>
         </div>
         <div className={cn(styles.field, styles.col2)}>
           {
@@ -33,7 +35,7 @@ const CopilotField = ({ copilots, challenge, onUpdateOthers, readOnly }) => {
           }
         </div>
       </div>
-      {!readOnly && challenge.submitTriggered && !selectedCopilot && (
+      {!readOnly && challenge.submitTriggered && parseInt(copilotFee.prizes[0].value) > 0 && !selectedCopilot && (
         <div className={styles.row}>
           <div className={cn(styles.field, styles.col1)} />
           <div className={cn(styles.field, styles.col2, styles.error)}>

src/components/ChallengeEditor/index.js

@@ -706,6 +706,14 @@ class ChallengeEditor extends Component {
     })
   }
 
+  checkValidCopilot () {
+    const copilotFee = _.find(this.state.challenge.prizeSets, p => p.type === PRIZE_SETS_TYPE.COPILOT_PAYMENT, [])
+    if (copilotFee && parseInt(copilotFee.prizes[0].value) > 0 && !this.state.challenge.copilot) {
+      return false
+    }
+    return true
+  }
+
   isValidChallenge () {
     const { challenge } = this.state
     if (this.props.isNew) {
@@ -723,11 +731,14 @@ class ChallengeEditor extends Component {
       return false
     }
 
+    if (!this.checkValidCopilot()) {
+      return false
+    }
+
     const requiredFields = [
       'trackId',
       'typeId',
       'name',
-      'copilot',
       'description',
       'tags',
       'prizeSets'
@@ -1377,11 +1388,15 @@ class ChallengeEditor extends Component {
                 <OutlineButton text={isSaving ? 'Saving...' : 'Save'} type={'success'} onClick={this.onSaveChallenge} />
               </div> */}
               <div className={styles.button}>
-                <PrimaryButton text={isSaving ? 'Saving...' : 'Save Draft'} type={'info'} onClick={this.createDraftHandler} />
+                { !this.state.hasValidationErrors ? (
+                  <PrimaryButton text={isSaving ? 'Saving...' : 'Save Draft'} type={'info'} onClick={this.createDraftHandler} />
+                ) : (
+                  <PrimaryButton text={'Save Draft'} type={'disabled'} />
+                )}
               </div>
               {isDraft && (
                 <div className={styles.button}>
-                  {challenge.legacyId || isTask ? (
+                  {(challenge.legacyId || isTask) && !this.state.hasValidationErrors ? (
                     <PrimaryButton text={'Launch as Active'} type={'info'} onClick={this.toggleLaunch} />
                   ) : (
                     <Tooltip content={MESSAGE.NO_LEGACY_CHALLENGE}>