Added new Forums Object to Challenge Details

Author: luizrrodrigues

src/shared/components/challenge-detail/Header/TabSelector/index.jsx

@@ -36,6 +36,9 @@ export default function ChallengeViewSelector(props) {
 
   const numOfSub = numOfSubmissions + (numOfCheckpointSubmissions || 0);
   const forumId = _.get(challenge, 'legacy.forumId') || 0;
+  const discuss = (_.get(challenge, 'discussions') || 0).filter(d => (
+    d.type === 'challenge' && !_.isEmpty(d.url)
+  ));
   const roles = _.get(challenge, 'userDetails.roles') || [];
   const isDesign = trackLower === 'design';
 
@@ -174,13 +177,23 @@ export default function ChallengeViewSelector(props) {
           ) : null
         }
         { (hasRegistered || Boolean(roles.length))
-          && (
-          <a
-            href={`${config.URL.FORUMS}${forumEndpoint}`}
-            styleName={getSelectorStyle(selectedView, DETAIL_TABS.CHALLENGE_FORUM)}
-          >
-            CHALLENGE FORUM
-          </a>
+          && _.isEmpty(discuss)
+          ? (
+            <a
+              href={`${config.URL.FORUMS}${forumEndpoint}`}
+              styleName={getSelectorStyle(selectedView, DETAIL_TABS.CHALLENGE_FORUM)}
+            >
+              CHALLENGE FORUM
+            </a>
+          ) : (
+            discuss.map(d => (
+              <a
+                href={d.url}
+                styleName={getSelectorStyle(selectedView, DETAIL_TABS.CHALLENGE_FORUM)}
+              >
+                {d.name}
+              </a>
+            ))
           )
         }
       </div>

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

@@ -21,6 +21,7 @@ export default function SideBar({
   eventDetail,
   shareable,
   forumLink,
+  discuss,
   hasRegistered,
   reviewType,
   isDesign,
@@ -266,10 +267,25 @@ export default function SideBar({
             <p styleName="link-like-paragraph">
               Questions?
               &zwnj;
-              <a href={forumLink}>
-                Ask in the Challenge Discussion Forums.
-              </a>
+              {_.isEmpty(discuss) && (
+                <a href={forumLink}>
+                  Ask in the Challenge Discussion Forums.
+                </a>
+              )}
             </p>
+            {!_.isEmpty(discuss) && (
+              <ul>
+                { discuss.map(d => (
+                  <li>
+                    <a
+                      href={d.url}
+                    >
+                      {d.name}
+                    </a>
+                  </li>
+                ))}
+              </ul>
+            )}
             <h2>
               SOURCE FILES:
             </h2>
@@ -351,6 +367,7 @@ export default function SideBar({
 
 SideBar.defaultProps = {
   eventDetail: null,
+  discuss: [],
   documents: undefined,
   hasRegistered: false,
   reviewType: 'COMMUNITY',
@@ -376,6 +393,7 @@ SideBar.propTypes = {
   documents: PT.arrayOf(PT.shape()),
   shareable: PT.bool.isRequired,
   forumLink: PT.string.isRequired,
+  discuss: PT.arrayOf(PT.shape()),
   hasRegistered: PT.bool,
   reviewType: PT.string,
   isDesign: PT.bool,

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

@@ -76,6 +76,10 @@ export default function ChallengeDetailsView(props) {
     codeRepo = codeRepoData.value;
   }
 
+  const discuss = (_.get(challenge, 'discussions') || 0).filter(d => (
+    d.type === 'challenge' && !_.isEmpty(d.url)
+  ));
+
   let forumLink = track.toLowerCase() === 'design'
     ? `/?module=ThreadList&forumID=${forumId}`
     : `/?module=Category&categoryID=${forumId}`;
@@ -351,6 +355,7 @@ export default function ChallengeDetailsView(props) {
           challengesUrl={challengesUrl}
           legacyId={legacyId}
           forumLink={forumLink}
+          discuss={discuss}
           documents={documents}
           hasRegistered={hasRegistered}
           isDesign={track.toLowerCase() === 'design'}