Merge pull request #4271 from topcoder-platform/hot-fix-show-best-rating-color-in-profile

Hot fix show best rating color in profile

Author: sushilshinde

.circleci/config.yml

@@ -175,7 +175,6 @@ workflows:
             branches:
               only:
                 - develop
-                - hot-fix-profile-issue
       # This is alternate dev env for parallel testing
       - "build-test":
           context : org-global      
@@ -192,7 +191,6 @@ workflows:
             branches:
               only:
                 - develop
-                - hotfix-legacy-mm
       # Production builds are exectuted 
       # when PR is merged to the master
       # Don't change anything in this configuration

src/shared/components/ProfilePage/Header/index.jsx

@@ -7,7 +7,7 @@ import { noop, get } from 'lodash';
 import moment from 'moment';
 import ReactSVG from 'react-svg';
 
-import { getRatingColor } from 'utils/tc';
+import { getRatingLevel } from 'utils/tc';
 import { config, isomorphy } from 'topcoder-react-utils';
 
 import CopilotIcon from 'assets/images/profile/ico-track-copilot.svg';
@@ -63,7 +63,7 @@ class ProfileHeader extends React.Component {
           { imageUrl ? <img src={imageUrl} onError={this.loadImageError} styleName="profile-circle" alt="Member Portait" /> : <ReactSVG path={assets('./ico-user-default.svg')} /> }
         </div>
         <div styleName="info">
-          <h1 style={{ color: getRatingColor(get(info, 'maxRating.rating', 0)) }} styleName="handle">
+          <h1 styleName={`handle level-${getRatingLevel(get(info, 'maxRating.rating', 0))}`}>
             {info.handle}
           </h1>
           <h3 styleName="location-challenges">

src/shared/components/ProfilePage/Header/styles.scss

@@ -39,6 +39,26 @@
       line-height: 34px;
 
       @include sofia-pro-medium;
+
+      &.level-1 {
+        color: $tc-level-1;
+      }
+
+      &.level-2 {
+        color: $tc-level-2;
+      }
+
+      &.level-3 {
+        color: $tc-level-3;
+      }
+
+      &.level-4 {
+        color: $tc-level-4;
+      }
+
+      &.level-5 {
+        color: $tc-level-5;
+      }
     }
 
     h3.tenure {

src/shared/components/ProfilePage/index.jsx

@@ -119,7 +119,6 @@ class ProfilePage extends React.Component {
       copilot,
       externalAccounts,
       externalLinks,
-      info,
       skills: propSkills,
       stats,
       lookupData,
@@ -131,6 +130,12 @@ class ProfilePage extends React.Component {
       skillsExpanded,
     } = this.state;
 
+    let { info } = this.props;
+
+    if (_.isNull(_.get(info, 'maxRating.rating', 0)) && !_.isEmpty(stats)) {
+      info = _.assign(info, { maxRating: stats[0].maxRating });
+    }
+
     // get country
     let country = '';
     if (_.has(lookupData, 'countries') && lookupData.countries.length > 0) {