PROD - hide download buttons on submissions for Topcrowd / Phoenix challenges

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

@@ -27,6 +27,7 @@ import './styles.scss';
 
 export default function Submission(props) {
   const {
+    challenge,
     submissionObject,
     showScreeningDetails,
     track,
@@ -40,6 +41,15 @@ export default function Submission(props) {
   const onDownloadSubmission = onDownload.bind(1, submissionObject.id);
   const safeForDownloadCheck = safeForDownload(submissionObject.url);
 
+  // Determine if a challenge is for Topcrowd so we can edit the UI accordingly
+  let isTopCrowdChallenge = false;
+  if (challenge) {
+    const isTopCrowdChallengeData = _.find(challenge.metadata, { name: 'is_platform' });
+    if (isTopCrowdChallengeData) {
+      isTopCrowdChallenge = isTopCrowdChallengeData.value;
+    }
+  }
+
   return (
     <tr styleName="submission-row">
       <td styleName="id-col">
@@ -72,12 +82,16 @@ export default function Submission(props) {
        }
       <td styleName="action-col">
         <div>
-          <button
-            onClick={() => onDownloadSubmission(submissionObject.id)}
-            type="button"
-          >
-            { safeForDownloadCheck === true && <DownloadIcon /> }
-          </button>
+          { !isTopCrowdChallenge
+            ? (
+              <button
+                onClick={() => onDownloadSubmission(submissionObject.id)}
+                type="button"
+              >
+                { safeForDownloadCheck === true && <DownloadIcon /> }
+              </button>
+            )
+            : <span /> }
           { /*
              TODO: At the moment we just fetch downloads from the legacy
                Topcoder Studio API, and we don't need any JS code to this.
@@ -121,6 +135,7 @@ Submission.defaultProps = {
 };
 
 Submission.propTypes = {
+  challenge: PT.shape().isRequired,
   submissionObject: PT.shape({
     id: PT.string,
     legacySubmissionId: PT.string,

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

@@ -171,6 +171,7 @@ export default function SubmissionManagement(props) {
         {!loadingSubmissions
            && (
            <SubmissionsTable
+             challenge={challenge}
              submissionObjects={submissions}
              showDetails={showDetails}
              track={track}
@@ -212,13 +213,13 @@ SubmissionManagement.defaultProps = {
 };
 
 SubmissionManagement.propTypes = {
+  challenge: PT.shape().isRequired,
   showDetails: PT.shape().isRequired,
   onDelete: PT.func,
   onlineReviewUrl: PT.string,
   helpPageUrl: PT.string,
   onDownload: PT.func,
   onShowDetails: PT.func,
-  challenge: PT.shape().isRequired,
   submissions: PT.arrayOf(PT.shape()),
   loadingSubmissions: PT.bool,
   challengeUrl: PT.string,

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

@@ -26,6 +26,7 @@ import './styles.scss';
 
 export default function SubmissionsTable(props) {
   const {
+    challenge,
     submissionObjects,
     showDetails,
     track,
@@ -56,6 +57,7 @@ export default function SubmissionsTable(props) {
 
       const submission = (
         <Submission
+          challenge={challenge}
           submissionObject={subObject}
           showScreeningDetails={showDetails[subObject.id]}
           track={track}
@@ -140,6 +142,7 @@ SubmissionsTable.defaultProps = {
 };
 
 SubmissionsTable.propTypes = {
+  challenge: PT.shape().isRequired,
   submissionObjects: PT.arrayOf(SubShape),
   showDetails: PT.shape().isRequired,
   track: PT.string.isRequired,

src/shared/components/challenge-detail/MySubmissions/SubmissionsList/index.jsx

@@ -187,6 +187,15 @@ class SubmissionsListView extends React.Component {
       timeClicked: false,
     };
 
+    // Determine if a challenge is for Topcrowd so we can edit the UI accordingly
+    let isTopCrowdChallenge = false;
+    const isTopCrowdChallengeData = _.find(challenge.metadata, { name: 'is_platform' });
+    if (isTopCrowdChallengeData) {
+      isTopCrowdChallenge = isTopCrowdChallengeData.value;
+    } else {
+      isTopCrowdChallenge = false;
+    }
+
     return (
       <div styleName="wrapper">
         <div styleName="submission-table">
@@ -432,25 +441,29 @@ class SubmissionsListView extends React.Component {
                       <span>{moment(mySubmission.submissionTime).format('MMM DD, YYYY HH:mm:ss')}</span>
                     </div>
                     <div styleName="submission-table-column column-2-4">
-                      <button
-                        onClick={() => {
-                          // download submission
-                          const submissionsService = getService(auth.tokenV3);
-                          submissionsService.downloadSubmission(mySubmission.submissionId)
-                            .then((blob) => {
-                              const url = window.URL.createObjectURL(new Blob([blob]));
-                              const link = document.createElement('a');
-                              link.href = url;
-                              link.setAttribute('download', `submission-${mySubmission.submissionId}.zip`);
-                              document.body.appendChild(link);
-                              link.click();
-                              link.parentNode.removeChild(link);
-                            });
-                        }}
-                        type="button"
-                      >
-                        <DownloadIcon />
-                      </button>
+                      { !isTopCrowdChallenge
+                        ? (
+                          <button
+                            onClick={() => {
+                              // download submission
+                              const submissionsService = getService(auth.tokenV3);
+                              submissionsService.downloadSubmission(mySubmission.submissionId)
+                                .then((blob) => {
+                                  const url = window.URL.createObjectURL(new Blob([blob]));
+                                  const link = document.createElement('a');
+                                  link.href = url;
+                                  link.setAttribute('download', `submission-${mySubmission.submissionId}.zip`);
+                                  document.body.appendChild(link);
+                                  link.click();
+                                  link.parentNode.removeChild(link);
+                                });
+                            }}
+                            type="button"
+                          >
+                            <DownloadIcon />
+                          </button>
+                        )
+                        : <span /> }
 
                       <button onClick={() => selectSubmission(mySubmission)} type="button">
                         <ZoomIcon styleName="icon-zoom" />
@@ -523,13 +536,7 @@ SubmissionsListView.defaultProps = {
 SubmissionsListView.propTypes = {
   selectSubmission: PT.func,
   challengesUrl: PT.string.isRequired,
-  challenge: PT.shape({
-    id: PT.any,
-    checkpoints: PT.arrayOf(PT.object),
-    submissions: PT.arrayOf(PT.object),
-    submissionViewable: PT.string,
-    registrants: PT.any,
-  }).isRequired,
+  challenge: PT.shape().isRequired,
   hasRegistered: PT.bool.isRequired,
   unregistering: PT.bool.isRequired,
   submissionEnded: PT.bool.isRequired,

src/shared/components/challenge-detail/MySubmissions/index.jsx

@@ -125,13 +125,7 @@ MySubmissionsView.defaultProps = {
 
 MySubmissionsView.propTypes = {
   challengesUrl: PT.string.isRequired,
-  challenge: PT.shape({
-    id: PT.any,
-    checkpoints: PT.arrayOf(PT.object),
-    submissions: PT.arrayOf(PT.object),
-    submissionViewable: PT.string,
-    registrants: PT.any,
-  }).isRequired,
+  challenge: PT.shape().isRequired,
   hasRegistered: PT.bool.isRequired,
   unregistering: PT.bool.isRequired,
   submissionEnded: PT.bool.isRequired,