Merge pull request #4669 from cagdas001/integration-v5-challenge-api

feat(challenge-detail): add legacy challenge id

Author: sushilshinde

package-lock.json

@@ -16,6 +16,7 @@ import styles from './styles.scss';
 
 export default function SideBar({
   challengesUrl,
+  legacyId,
   documents,
   eventDetail,
   shareable,
@@ -338,6 +339,11 @@ export default function SideBar({
             <ShareSocial />
           </div>
         )}
+        { legacyId && (
+          <div styleName="legacy-challenge-id">
+            <h3>ID: {legacyId}</h3>
+          </div>
+        )}
       </div>
     </div>
   );
@@ -357,10 +363,12 @@ SideBar.defaultProps = {
   metadata: {},
   reviewScorecardId: '',
   screeningScorecardId: '',
+  legacyId: '',
 };
 
 SideBar.propTypes = {
   challengesUrl: PT.string.isRequired,
+  legacyId: PT.string,
   eventDetail: PT.shape({
     eventName: PT.string.isRequired,
     description: PT.string.isRequired,

src/shared/components/challenge-detail/Specification/SideBar/index.jsx

@@ -117,6 +117,15 @@
     @include linkLikeParagraph;
   }
 
+  .legacy-challenge-id {
+    h3 {
+      color: $tc-gray-10;
+      font-style: italic;
+    }
+
+    text-align: right;
+  }
+
   ol {
     @include roboto-regular;
 

src/shared/components/challenge-detail/Specification/SideBar/styles.scss

@@ -43,6 +43,7 @@ export default function ChallengeDetailsView(props) {
     privateDescription,
     descriptionFormat,
     legacy,
+    legacyId,
     documents,
     finalSubmissionGuidelines,
     userDetails,
@@ -365,6 +366,7 @@ export default function ChallengeDetailsView(props) {
         </div>
         <SideBar
           challengesUrl={challengesUrl}
+          legacyId={legacyId}
           forumLink={forumLink}
           documents={documents}
           hasRegistered={hasRegistered}
@@ -421,6 +423,7 @@ ChallengeDetailsView.propTypes = {
       screeningScorecardId: PT.string,
       forumId: PT.number,
     }),
+    legacyId: PT.string,
     groups: PT.any,
     reviewType: PT.string,
     tags: PT.arrayOf(PT.string),