https://github.com/topcoder-platform/work-manager/issues/1558

Author: jmgasper

src/actions/challenges.js

@@ -681,10 +681,14 @@ export function createResource (challengeId, roleId, memberHandle, email, userId
     try {
       newResource = await createResourceAPI(resource)
     } catch (error) {
+      const errorMessage = _.get(error, 'response.data.message', 'Create resource fail.')
       dispatch({
         type: CREATE_CHALLENGE_RESOURCE_FAILURE
       })
-      return
+      return {
+        success: false,
+        errorMessage
+      }
     }
 
     let userEmail = email

src/components/ChallengeEditor/ResourcesAdd/index.js

@@ -36,6 +36,7 @@ const ResourcesAdd = ({
   const [assignedMemberDetails, setAssignedMemberDetails] = useState(null)
   const [isCreatingResource, setIsCreatingResource] = useState(false)
   const [selectedRole, setSelectedRole] = useState(null)
+  const [errorMessage, setErrorMessage] = useState(null)
 
   const roleOptions = useMemo(
     () =>
@@ -88,6 +89,7 @@ const ResourcesAdd = ({
             </div>
           </div>
         </div>
+        {errorMessage ? (<span className={styles.errorMessage}>{errorMessage}</span>) : null}
         <div className={styles.buttonGroup}>
           <div className={styles.buttonSizeA}>
             <PrimaryButton
@@ -98,15 +100,19 @@ const ResourcesAdd = ({
               }
               onClick={async () => {
                 setIsCreatingResource(true)
-                await createResource(
+                const result = await createResource(
                   challenge.id,
                   selectedRole.value,
                   assignedMemberDetails.handle,
                   assignedMemberDetails.email,
                   assignedMemberDetails.userId
                 )
                 setIsCreatingResource(false)
-                onClose()
+                if (result && !result.success) {
+                  setErrorMessage(result.errorMessage)
+                } else {
+                  onClose()
+                }
               }}
             />
           </div>

src/components/ChallengeEditor/ResourcesAdd/styles.module.scss

@@ -97,4 +97,10 @@
 
 .selectField {
   width: 280px;
+}
+
+.errorMessage {
+  color: $red;
+  width: 394px;
+  margin-top: 10px;
 }