issue-1083

Author: yoution

src/actions/challenges.js

@@ -245,9 +245,10 @@ export function createChallenge (challengeDetails) {
         type: CREATE_CHALLENGE_SUCCESS,
         challengeDetails: challenge
       })
-    }).catch(() => {
+    }).catch((e) => {
       dispatch({
-        type: CREATE_CHALLENGE_FAILURE
+        type: CREATE_CHALLENGE_FAILURE,
+        error: e
       })
     })
   }

src/components/ChallengeEditor/index.js

@@ -1160,6 +1160,7 @@ class ChallengeEditor extends Component {
       token,
       removeAttachment,
       failedToLoad,
+      errorMessage,
       projectDetail,
       attachments
     } = this.props
@@ -1180,7 +1181,7 @@ class ChallengeEditor extends Component {
     if (failedToLoad) {
       return (
         <div className={styles.wrapper}>
-          <div className={styles.title}>There was an error loading the challenge</div>
+          <div className={styles.title}>{errorMessage || 'There was an error loading the challenge'}</div>
           <br />
           <div className={styles.container}>
             <div className={styles.formContainer}>
@@ -1557,6 +1558,7 @@ ChallengeEditor.propTypes = {
   attachments: PropTypes.arrayOf(PropTypes.shape()),
   token: PropTypes.string.isRequired,
   failedToLoad: PropTypes.bool,
+  errorMessage: PropTypes.string,
   history: PropTypes.any.isRequired,
   assignedMemberDetails: PropTypes.shape(),
   updateChallengeDetails: PropTypes.func.isRequired,

src/containers/ChallengeEditor/index.js

@@ -245,6 +245,7 @@ class ChallengeEditor extends Component {
       token,
       removeAttachment,
       failedToLoad,
+      errorMessage,
       projectDetail,
       updateChallengeDetails,
       partiallyUpdateChallengeDetails,
@@ -325,6 +326,7 @@ class ChallengeEditor extends Component {
             token={token}
             removeAttachment={removeAttachment}
             failedToLoad={failedToLoad}
+            errorMessage={errorMessage}
             projectDetail={projectDetail}
             assignedMemberDetails={assignedMemberDetails}
             updateChallengeDetails={updateChallengeDetails}
@@ -422,6 +424,7 @@ ChallengeEditor.propTypes = {
   loggedInUser: PropTypes.object,
   removeAttachment: PropTypes.func,
   failedToLoad: PropTypes.bool,
+  errorMessage: PropTypes.string,
   updateChallengeDetails: PropTypes.func.isRequired,
   partiallyUpdateChallengeDetails: PropTypes.func.isRequired,
   createChallenge: PropTypes.func.isRequired,
@@ -431,7 +434,7 @@ ChallengeEditor.propTypes = {
   // members: PropTypes.arrayOf(PropTypes.shape())
 }
 
-const mapStateToProps = ({ projects, challenges: { challengeDetails, challengeResources, metadata, isLoading, attachments, failedToLoad }, auth: { token, user }, members: { members } }) => ({
+const mapStateToProps = ({ projects, challenges: { challengeDetails, challengeResources, metadata, isLoading, attachments, failedToLoad, errorMessage }, auth: { token, user }, members: { members } }) => ({
   challengeDetails,
   hasProjectAccess: projects.hasProjectAccess,
   projectDetail: projects.projectDetail,
@@ -442,7 +445,8 @@ const mapStateToProps = ({ projects, challenges: { challengeDetails, challengeRe
   attachments,
   token,
   loggedInUser: user,
-  failedToLoad
+  failedToLoad,
+  errorMessage
   // members
 })
 

src/reducers/challenges.js

@@ -93,7 +93,7 @@ export default function (state = initialState, action) {
       return { ...state, isLoading: false }
     case LOAD_CHALLENGE_DETAILS_FAILURE:
     case CREATE_CHALLENGE_FAILURE:
-      return { ...state, isLoading: false, attachments: [], challenge: null, failedToLoad: true }
+      return { ...state, isLoading: false, attachments: [], challenge: null, failedToLoad: true, errorMessage: _.get(action, 'error.response.data.message', '') }
     case LOAD_CHALLENGE_DETAILS_SUCCESS: {
       return {
         ...state,