fix topcoder-platform#4546

Author: nursoltan-s

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

@@ -15,9 +15,6 @@ import CheckMark from '../icons/check-mark.svg';
 import ArrowDown from '../../../../assets/images/arrow-down.svg';
 import './style.scss';
 
-const BUG_HUNT = 'Bug Hunt';
-const F2F = 'First2Finish';
-
 function formatDate(date) {
   if (!date) return '-';
   return moment(date).local().format('MMM DD, YYYY HH:mm');
@@ -245,7 +242,6 @@ export default class Registrants extends React.Component {
     const {
       prizeSets,
       legacy,
-      type,
     } = challenge;
 
     const { track } = legacy;
@@ -254,11 +250,7 @@ export default class Registrants extends React.Component {
     const { field, sort } = this.getRegistrantsSortParam();
     const revertSort = (sort === 'desc') ? 'asc' : 'desc';
     const isDesign = track.toLowerCase() === 'design';
-    const isF2F = track.indexOf('FIRST_2_FINISH') > -1;
 
-    const isBugHunt = track.indexOf('BUG_HUNT') > -1
-      || type === BUG_HUNT
-      || type === F2F;
     const placementPrizes = _.find(prizeSets, { type: 'placement' });
     const { prizes } = placementPrizes || [];
 
@@ -271,7 +263,7 @@ export default class Registrants extends React.Component {
       <div styleName={`container ${twoRounds ? 'design' : ''}`} role="table" aria-label="Registrants">
         <div styleName="head" role="row">
           {
-            !isDesign && !isF2F && !isBugHunt && (
+            !isDesign && (
               <button
                 type="button"
                 onClick={() => {
@@ -401,7 +393,7 @@ export default class Registrants extends React.Component {
               return (
                 <div styleName="row" key={r.memberHandle} role="row">
                   {
-                    !isDesign && !isF2F && !isBugHunt && (
+                    !isDesign && (
                       <div styleName="col-2">
                         <div styleName="sm-only title">
                           Rating
@@ -421,7 +413,7 @@ export default class Registrants extends React.Component {
                     <span role="cell">
                       <a
                         href={`${window.origin}/members/${r.memberHandle}`}
-                        styleName={`level-${getRatingLevel(_.get(r, 'rating', 0))}`}
+                        styleName={isDesign ? '' : `level-${getRatingLevel(_.get(r, 'rating', 0))}`}
                         target={`${_.includes(window.origin, 'www') ? '_self' : '_blank'}`}
                       >
                         {r.memberHandle}

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

@@ -281,21 +281,21 @@
 }
 
 .level-1 {
-  color: $tc-level-1 !important;
+  color: $member-gray !important;
 }
 
 .level-2 {
-  color: $tc-level-2 !important;
+  color: $member-green !important;
 }
 
 .level-3 {
-  color: $tc-level-3 !important;
+  color: $member-blue !important;
 }
 
 .level-4 {
-  color: $tc-level-4 !important;
+  color: $member-yellow !important;
 }
 
 .level-5 {
-  color: $tc-level-5 !important;
+  color: $member-red !important;
 }

src/styles/_mixins/_variables.scss

@@ -3,3 +3,10 @@ $tco-black: #2a2a2a;
 
 /* @media */
 $screen-sm: 768px;
+
+/* member rating colors */
+$member-gray: #555555;
+$member-green: #258205;
+$member-blue: #4c50d9;
+$member-yellow: #F2C900;
+$member-red:  #ea1900;