update UI after challenge is assigned to self

Author: doctorhilarius

src/components/ChallengeEditor/ChallengeView/index.js

@@ -76,7 +76,7 @@ const ChallengeView = ({
   const reviewerFromResources = reviewerResource ? reviewerResource.memberHandle : ''
   let copilot, reviewer
   if (challenge) {
-    copilot = challenge.copilot
+    copilot = challenge.copilot || (challenge.legacy && challenge.legacy.selfServiceCopilot)
     reviewer = challenge.reviewer
   }
   copilot = copilot || copilotFromResources

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

@@ -20,7 +20,7 @@ const CopilotField = ({ copilots, challenge, onUpdateOthers, readOnly, assignYou
         </div>
         {(selectedCopilot || selfService) && (<div className={cn(styles.field, styles.col2)}>
           {(selectedCopilot && <CopilotCard copilot={selectedCopilot} selectedCopilot='' key={selectedCopilot.handle} />)}
-          {(selfService && <PrimaryButton
+          {(selfService && !selectedCopilot && <PrimaryButton
             text={'Assign Yourself'}
             type={'info'}
             onClick={assignYourselfCopilot}

src/containers/ChallengeEditor/index.js

@@ -322,7 +322,14 @@ class ChallengeEditor extends Component {
   async assignYourselfCopilot () {
     const { challengeDetails, loggedInUser, metadata, createResource } = this.props
     const copilotRole = getResourceRoleByName(metadata.resourceRoles, 'Copilot')
-    createResource(challengeDetails.id, copilotRole.id, loggedInUser.handle)
+    const copilotHandle = loggedInUser.handle
+    await createResource(challengeDetails.id, copilotRole.id, copilotHandle)
+    const updatedChallenge = await patchChallenge(challengeDetails.id, {
+      legacy: {
+        selfServiceCopilot: copilotHandle
+      }
+    })
+    this.setState({ challengeDetails: updatedChallenge })
   }
 
   showRejectChallengeModal () {