Merge pull request #3633 from yoution/feature-details-page-suggestion-cards

#3631 fix review issues on challenge 30113877

Author: veshu

config/default.js

@@ -115,6 +115,8 @@ module.exports = {
     FORUMS: 'https://apps.topcoder-dev.com/forums',
     HELP: 'https://help.topcoder-dev.com',
 
+    THRIVE: 'https://www.topcoder.com/thrive',
+
     COMMUNITIES: {
       BLOCKCHAIN: 'https://blockchain.topcoder-dev.com',
       COGNITIVE: 'https://cognitive.topcoder-dev.com',

src/shared/components/challenge-detail/Header/style.scss

@@ -127,12 +127,12 @@
     .tag-container {
       display: flex;
       align-items: center;
-      cursor: pointer;
     }
 
     .recommend-tag {
       @include roboto-regular;
 
+      cursor: pointer;
       width: 199px;
       margin-left: 12px;
       font-size: 14px;

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

@@ -44,7 +44,7 @@ export default function ThriveArticles({ articles }) {
           Recommended THRIVE Articles
         </div>
         <div styleName="right-url">
-          <a href="http://topcoder.com/thrive" rel="noopener noreferrer" target="_blank">Explore THRIVE</a>
+          <a href={config.URL.THRIVE} rel="noopener noreferrer" target="_blank">Explore THRIVE</a>
         </div>
       </div>
       <div styleName="articles">

src/shared/containers/challenge-detail/index.jsx

@@ -203,10 +203,12 @@ class ChallengeDetailPageContainer extends React.Component {
     }
     if (nextProps.challenge.track && nextProps.challenge.track.toLowerCase() !== 'design'
       && thriveArticles.length === 0) {
-      if (!(nextProps.challenge.technologies.length === 1 && nextProps.challenge.technologies[0] === 'Other')) {
+      const { technologies } = nextProps.challenge;
+      if (technologies.length > 0 && !(technologies.length === 1 && technologies[0] === 'Other')) {
+        // for technologies = ['Other', ...], if 'Other' is first, use second value
         this.apiService.getEDUContent({
           limit: 3,
-          phrase: nextProps.challenge.technologies[0],
+          phrase: technologies[0] === 'Other' ? technologies[1] : technologies[0],
           types: ['Article'],
         }).then((content) => {
         // format image file data