Submission delete button changes

#6614

Author: jmgasper

src/shared/components/SubmissionManagement/Submission/index.jsx

@@ -90,7 +90,7 @@ export default function Submission(props) {
            */ }
           {status !== CHALLENGE_STATUS.COMPLETED
              && track === COMPETITION_TRACKS.DES
-             && (
+             && safeForDownloadCheck === true && (
              <button
                styleName="delete-icon"
                onClick={() => onDelete(submissionObject.id)}
@@ -99,8 +99,8 @@ export default function Submission(props) {
              >
                <DeleteIcon />
              </button>
-             )
-           }
+          )
+          }
           <button
             styleName={`expand-icon ${(showScreeningDetails ? 'expanded' : '')}`}
             onClick={() => onShowDetails(submissionObject.id)}

src/shared/containers/SubmissionManagement/index.jsx

@@ -11,6 +11,7 @@ import LoadingIndicator from 'components/LoadingIndicator';
 import SubmissionManagement from 'components/SubmissionManagement/SubmissionManagement';
 import React from 'react';
 import PT from 'prop-types';
+import { safeForDownload } from 'utils/tc';
 import { connect } from 'react-redux';
 import { Modal, PrimaryButton } from 'topcoder-react-ui-kit';
 import { config } from 'topcoder-react-utils';
@@ -28,6 +29,14 @@ const theme = {
 
 // The container component
 class SubmissionManagementPageContainer extends React.Component {
+  constructor(props) {
+    super(props);
+
+    this.state = {
+      needReload: false,
+    };
+  }
+
   componentDidMount() {
     const {
       authTokens,
@@ -48,6 +57,23 @@ class SubmissionManagementPageContainer extends React.Component {
     }
   }
 
+  componentWillReceiveProps(nextProps) {
+    const {
+      loadMySubmissions, authTokens, challengeId, mySubmissions,
+    } = nextProps;
+    const { needReload } = this.state;
+
+    if (needReload === false && mySubmissions) {
+      if (mySubmissions.find(item => safeForDownload(item.url) !== true)) {
+        this.setState({ needReload: true });
+        setTimeout(() => {
+          loadMySubmissions(authTokens, challengeId);
+          this.setState({ needReload: false });
+        }, 2000);
+      }
+    }
+  }
+
   componentDidUpdate(prevProps) {
     const {
       loadMySubmissions, authTokens, deletionSucceed, challengeId,