Refresh the submissions list after a submitter deletes a submission

Author: jmgasper

src/shared/containers/SubmissionManagement/index.jsx

@@ -47,6 +47,20 @@ class SubmissionManagementPageContainer extends React.Component {
     }
   }
 
+  componentDidUpdate(prevProps) {
+    const {
+      loadMySubmissions, authTokens, deletionSucceed, challengeId,
+    } = this.props;
+
+    if (deletionSucceed && !prevProps.deletionSucceed) {
+      /*
+        After delete operation there is a time delay
+        to affect the changes.
+      */
+      loadMySubmissions(authTokens, challengeId);
+    }
+  }
+
   render() {
     const {
       authTokens,
@@ -184,6 +198,7 @@ SubmissionManagementPageContainer.defaultProps = {
   showModal: false,
   toBeDeletedId: '',
   challenge: null,
+  deletionSucceed: false,
 };
 
 SubmissionManagementPageContainer.propTypes = {
@@ -204,6 +219,7 @@ SubmissionManagementPageContainer.propTypes = {
   showModal: PT.bool,
   onCancelSubmissionDelete: PT.func.isRequired,
   toBeDeletedId: PT.string,
+  deletionSucceed: PT.bool,
   onSubmissionDeleteConfirmed: PT.func.isRequired,
   submissionPhaseStartDate: PT.string.isRequired,
 };
@@ -237,6 +253,7 @@ function mapStateToProps(state, props) {
 
     showModal: state.page.submissionManagement.showModal,
     toBeDeletedId: state.page.submissionManagement.toBeDeletedId,
+    deletionSucceed: state.page.submissionManagement.deletionSucceed,
 
     authTokens: state.auth,
     registrants: state.challenge.details.registrants,

src/shared/reducers/page/submission_management.js

@@ -29,19 +29,29 @@ function create(initialState = {}) {
       ...state,
       showModal: false,
       toBeDeletedId: '',
+      deletionSucceed: false,
+    }),
+
+    'SMP/DELETE_SUBMISSION_INIT': state => ({
+      ...state,
+      deletingSubmission: false,
+      showModal: false,
+      toBeDeletedId: '',
     }),
 
     'SMP/DELETE_SUBMISSION_DONE': state => ({
       ...state,
       deletingSubmission: false,
       showModal: false,
       toBeDeletedId: '',
+      deletionSucceed: true,
     }),
 
   }, _.defaults(initialState, {
     showDetails: {},
     showModal: false,
     toBeDeletedId: '',
+    deletionSucceed: false,
   }));
 }