Merge pull request #4933 from rashmi73/f2f-submissionlegacyid

f2f submissionidlegacyid

Author: luizrrodrigues

__tests__/shared/components/SubmissionManagement/__snapshots__/Submission.jsx.snap

@@ -6,7 +6,11 @@ exports[`Snapshot match 1`] = `
 >
   <td
     className="src-shared-components-SubmissionManagement-Submission-___styles__id-col___zC6Hi"
-  />
+  >
+    <div
+      className="src-shared-components-SubmissionManagement-Submission-___styles__legacy-id___3T2Ay"
+    />
+  </td>
   <td />
   <td
     className="src-shared-components-SubmissionManagement-Submission-___styles__date-col___3XOxK"
@@ -63,6 +67,9 @@ exports[`Snapshot match 2`] = `
     className="src-shared-components-SubmissionManagement-Submission-___styles__id-col___zC6Hi"
   >
     12345
+    <div
+      className="src-shared-components-SubmissionManagement-Submission-___styles__legacy-id___3T2Ay"
+    />
   </td>
   <td />
   <td
@@ -110,4 +117,4 @@ exports[`Snapshot match 2`] = `
     </div>
   </td>
 </tr>
-`;
+`;

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

@@ -42,6 +42,7 @@ export default function Submission(props) {
     <tr styleName="submission-row">
       <td styleName="id-col">
         {submissionObject.id}
+        <div styleName="legacy-id">{submissionObject.legacyId}</div>
       </td>
       <td>
         {submissionObject.type}
@@ -118,6 +119,7 @@ Submission.defaultProps = {
 Submission.propTypes = {
   submissionObject: PT.shape({
     id: PT.string,
+    legacyId: PT.string,
     warpreviewnings: PT.string,
     screening: PT.shape({
       status: PT.string,

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

@@ -77,6 +77,10 @@ $submission-space-50: $base-unit * 10;
     }
   }
 
+  .legacy-id {
+    color: $tc-gray-50;
+  }
+
   .status-col {
     text-align: center;