From ee64e3e9d0d916561196fa499984bd2a78a5b382 Mon Sep 17 00:00:00 2001
From: codeMinter <guri.topcoder@gmail.com>
Date: Sat, 30 Nov 2019 06:47:38 +0530
Subject: [PATCH 1/2] Fix for issue #3465

---
 .../components/ProfilePage/Stats/index.jsx    | 23 ++++++++++++++++++-
 .../components/ProfilePage/Stats/styles.scss  |  7 ++++++
 2 files changed, 29 insertions(+), 1 deletion(-)

diff --git a/src/shared/components/ProfilePage/Stats/index.jsx b/src/shared/components/ProfilePage/Stats/index.jsx
index 96432981dd..9146c26f77 100644
--- a/src/shared/components/ProfilePage/Stats/index.jsx
+++ b/src/shared/components/ProfilePage/Stats/index.jsx
@@ -2,7 +2,7 @@
  * Stats Page.  Displays the stats of a TopCoder member.
  */
 /* eslint-env browser */
-import _ from 'lodash';
+import { _, get } from 'lodash';
 import React from 'react';
 import PT from 'prop-types';
 import { Link } from 'react-router-dom';
@@ -17,6 +17,7 @@ import styles from './styles.scss';
 import StatsModal from './StatsModal';
 import SRMStats from './SRMStats';
 import SubTrackChallengeView from './SubTrackChallengeView';
+import DefaultPortrait from 'assets/images/ico-user-default.svg';
 
 
 class ProfileStats extends React.Component {
@@ -64,6 +65,11 @@ class ProfileStats extends React.Component {
     const subTrackStats = getSubTrackStats(stats, track, subTrack);
     const subTrackSummary = getSummary(stats, track, subTrack) || [];
     const subTrackDetails = getDetails(stats, track, subTrack) || [];
+    let srmRating = 0;
+    const ratingObj = subTrackSummary.filter((k) => k.label === 'rating');
+    if (ratingObj) {
+      srmRating = ratingObj[0].value;
+    }
 
     if (track === 'DEVELOP') {
       const reliability = subTrackSummary.find(stat => stat.label === 'reliability');
@@ -128,6 +134,21 @@ Active Challenges
               }
             </ul>
             <ul styleName="subtrack-stats">
+              {
+                subTrackSummary && info &&
+                  <li key={info.handle}>
+                    <div>
+                      { info.photoURL ? <img src={info.photoURL} onError={this.loadImageError} styleName="profile-circle" alt="Member Portait" /> : <DefaultPortrait styleName="profile-circle" /> }
+                    </div>
+                    <div
+                      styleName="value"
+                      className={info.maxRating ? styles.rating : ''}
+                      style={{ color: srmRating ? getRatingColor(parseInt(srmRating.replace(/\D/g, ''), 10))  : undefined }}
+                      >
+                      {info.handle || '-'}
+                    </div>
+                  </li>
+              }
               {
                 subTrackSummary.map(({ label, value, link }) => (
                   <li key={label}>
diff --git a/src/shared/components/ProfilePage/Stats/styles.scss b/src/shared/components/ProfilePage/Stats/styles.scss
index 7fa9382d8d..57d2616592 100644
--- a/src/shared/components/ProfilePage/Stats/styles.scss
+++ b/src/shared/components/ProfilePage/Stats/styles.scss
@@ -196,6 +196,13 @@
         }
       }
 
+      img.profile-circle {
+        border-radius: 50%;
+        display: inline;
+        width: 140px;
+        height: 140px;
+      }
+
       & + .develop {
         // move the cards up to compensate for size. Refactor of the component will make this obsolete!
         margin-top: -40px;

From 92b729ea87182a75e2fa375cb4986a7a2ea1b95f Mon Sep 17 00:00:00 2001
From: codeMinter <guri.topcoder@gmail.com>
Date: Sat, 30 Nov 2019 07:13:25 +0530
Subject: [PATCH 2/2] fix lint issues

---
 .../components/ProfilePage/Stats/index.jsx    | 19 +++++++++----------
 1 file changed, 9 insertions(+), 10 deletions(-)

diff --git a/src/shared/components/ProfilePage/Stats/index.jsx b/src/shared/components/ProfilePage/Stats/index.jsx
index 9146c26f77..99668d931c 100644
--- a/src/shared/components/ProfilePage/Stats/index.jsx
+++ b/src/shared/components/ProfilePage/Stats/index.jsx
@@ -2,12 +2,13 @@
  * Stats Page.  Displays the stats of a TopCoder member.
  */
 /* eslint-env browser */
-import { _, get } from 'lodash';
+import _ from 'lodash';
 import React from 'react';
 import PT from 'prop-types';
 import { Link } from 'react-router-dom';
 import { getRatingColor } from 'utils/tc';
 import Th from 'assets/images/th.svg';
+import DefaultPortrait from 'assets/images/ico-user-default.svg';
 import {
   shouldShowGraph, getHistory, getSubTrackStats, getSummary, getDetails,
 } from 'utils/memberStats';
@@ -17,7 +18,6 @@ import styles from './styles.scss';
 import StatsModal from './StatsModal';
 import SRMStats from './SRMStats';
 import SubTrackChallengeView from './SubTrackChallengeView';
-import DefaultPortrait from 'assets/images/ico-user-default.svg';
 
 
 class ProfileStats extends React.Component {
@@ -65,11 +65,8 @@ class ProfileStats extends React.Component {
     const subTrackStats = getSubTrackStats(stats, track, subTrack);
     const subTrackSummary = getSummary(stats, track, subTrack) || [];
     const subTrackDetails = getDetails(stats, track, subTrack) || [];
-    let srmRating = 0;
-    const ratingObj = subTrackSummary.filter((k) => k.label === 'rating');
-    if (ratingObj) {
-      srmRating = ratingObj[0].value;
-    }
+    const ratingObj = subTrackSummary.filter(k => k.label === 'rating');
+    const subTrackRating = ratingObj ? ratingObj[0].value : 0;
 
     if (track === 'DEVELOP') {
       const reliability = subTrackSummary.find(stat => stat.label === 'reliability');
@@ -135,7 +132,8 @@ Active Challenges
             </ul>
             <ul styleName="subtrack-stats">
               {
-                subTrackSummary && info &&
+                subTrackSummary
+                && (
                   <li key={info.handle}>
                     <div>
                       { info.photoURL ? <img src={info.photoURL} onError={this.loadImageError} styleName="profile-circle" alt="Member Portait" /> : <DefaultPortrait styleName="profile-circle" /> }
@@ -143,11 +141,12 @@ Active Challenges
                     <div
                       styleName="value"
                       className={info.maxRating ? styles.rating : ''}
-                      style={{ color: srmRating ? getRatingColor(parseInt(srmRating.replace(/\D/g, ''), 10))  : undefined }}
-                      >
+                      style={{ color: subTrackRating ? getRatingColor(parseInt(subTrackRating.replace(/\D/g, ''), 10)) : undefined }}
+                    >
                       {info.handle || '-'}
                     </div>
                   </li>
+                )
               }
               {
                 subTrackSummary.map(({ label, value, link }) => (