A few minor fixed related to Submission Management Page

#11
#12
#14

Author: birdofpreyru

config/default.json

@@ -17,5 +17,12 @@
     /* If true the cookies set by this App will only be transmitted over secure
      * protocols like https. */
     "SECURE": false
-  }
+  },
+
+  /* Base URL of various parts of TC backend. */
+  /* TODO: Should we move these properties under the API section of config? */
+  "HELP_URL": "https://help.topcoder-dev.com",
+  "OR_BASE_URL": "https://software.topcoder-dev.com",
+  "STUDIO_URL": "https://studio.topcoder-dev.com",
+  "TC_BASE_URL": "https://www.topcoder-dev.com"
 }

config/development.json

@@ -1,6 +1,2 @@
 {
-  "TC_BASE_URL": "https://www.topcoder-dev.com",
-  "OR_BASE_URL": "https://software.topcoder-dev.com",
-  "HELP_URL": "https://help.topcoder-dev.com"
-
 }

config/production.json

@@ -5,7 +5,8 @@
     "V3": "https://api.topcoder.com/v3"
   },
 
-  "TC_BASE_URL": "https://www.topcoder.com",
+  "HELP_URL": "https://help.topcoder.com",
   "OR_BASE_URL": "https://software.topcoder.com",
-  "HELP_URL": "https://help.topcoder.com"
+  "STUDIO_URL": "https://studio.topcoder.com",
+  "TC_BASE_URL": "https://www.topcoder.com"
 }

src/shared/actions/smp.js

@@ -2,9 +2,14 @@
  * My submissions management page specific actions.
  */
 
+/* global fetch */
+
 import _ from 'lodash';
+import 'isomorphic-fetch';
 import { createActions } from 'redux-actions';
 import { getApiV2, getApiV3 } from 'services/api';
+import config from 'utils/config';
+import logger from 'utils/logger';
 
 const apiV2 = (auth) => getApiV2(auth.tokenV2);
 const apiV3 = (auth) => getApiV3(auth.tokenV3);
@@ -17,7 +22,23 @@ function deleteSubmission(challengeId, submissionId) {
 }
 
 function downloadSubmission(tokens, type, submissionId) {
-  return apiV2(tokens).fetch(`/${type}/download/${submissionId}?submissionType=${'original'}`);
+  /*
+    TODO: This will work with legacy API once we pass the tcsso cookie
+    along with the request.
+  const url = `${config.STUDIO_URL}?module=DownloadSubmission&sbmid=${submissionId}&sbt=original`;
+  fetch(url, {
+    mode: 'no-cors',
+  });
+  */
+  const endpoint = `/${type}/download/${submissionId}?submissionType=original`;
+  return apiV2(tokens).get(endpoint).then(res =>
+    new Promise(resolve =>
+      res.json().then((json) => {
+        if (res.status !== 200) logger.error(json);
+        resolve(json);
+      }),
+    ),
+  );
 }
 
 export default createActions({

src/shared/components/SubmissionManagement/Submission/styles.scss

@@ -74,6 +74,9 @@ $submission-space-50: $base-unit * 10;
 
   .action-col {
     text-align: center;
+    path {
+      fill: $tc-gray-80;
+    }
 
     .delete-icon {
       margin: 0 $submission-space-25;

src/shared/components/SubmissionManagement/SubmissionManagement/styles.scss

@@ -71,7 +71,7 @@ $light-gray-color: $tc-gray-neutral-light;
   font-weight: 400;
   padding: 25px 50px;
   background: $light-gray-color;
-  border-bottom: 1px solid $tc-gray-neutral-light;
+  border-bottom: 1px solid $tc-gray-neutral-dark;
 
   .left-col {
     padding-right: 20px;

src/shared/components/SubmissionManagement/SubmissionsTable/styles.scss

@@ -25,7 +25,7 @@ $submission-space-50: $base-unit * 10;
 
     th {
       font-size: 13px;
-      color: $tc-black;
+      color: $tc-gray-50;
       font-weight: 500;
       line-height: $status-space-20;
       text-align: left;