Merge pull request #919 from topcoder-platform/MP-355_profile-updates

MP-355 add Conceptualization detalis modal -> dev

Author: kkartunov

src/apps/profiles/src/components/GenericSubtrackDetailsModal/GenericSubtrackDetailsModal.tsx

@@ -68,9 +68,9 @@ const GenericSubtrackDetailsModal: FC<GenericSubtrackDetailsModalProps> = (props
                     <div>
                         <span
                             className='member-stat-value'
-                            style={ratingToCSScolor(props.genericStats?.rank.rating || 0)}
+                            style={ratingToCSScolor(props.genericStats?.rank?.rating || 0)}
                         >
-                            {props.genericStats?.rank.rating}
+                            {props.genericStats?.rank?.rating || 0}
                         </span>
                         Rating
                     </div>

src/apps/profiles/src/member-profile/tc-achievements/ChallengeWinsBanner/ChallengeWinsBanner.tsx

@@ -148,6 +148,11 @@ const ChallengeWinsBanner: FC<ChallengeWinsBannerProps> = (props: ChallengeWinsB
             () => props.memberStats?.DEVELOP?.subTracks.find(subTrack => subTrack.name === 'DESIGN'),
             [props.memberStats],
         )
+    const conceptStats: MemberStats | undefined
+        = useMemo(
+            () => props.memberStats?.DEVELOP?.subTracks.find(subTrack => subTrack.name === 'CONCEPTUALIZATION'),
+            [props.memberStats],
+        )
 
     const [modalVisibilityMap, setModalVisibilityMap]: [
         { [key: string]: boolean },
@@ -159,6 +164,7 @@ const ChallengeWinsBanner: FC<ChallengeWinsBannerProps> = (props: ChallengeWinsB
         BANNERS_OR_ICONS: false,
         BUG_HUNT: false,
         CODE: false,
+        CONCEPTUALIZATION: false,
         CONTENT_CREATION: false,
         COPILOT: false,
         COPILOT_POSTING: false,
@@ -506,6 +512,18 @@ const ChallengeWinsBanner: FC<ChallengeWinsBannerProps> = (props: ChallengeWinsB
                 />
             )}
 
+            {modalVisibilityMap.CONCEPTUALIZATION && (
+                <GenericSubtrackDetailsModal
+                    onClose={bind(handleChallengeWinModalToggle, this, 'CONCEPTUALIZATION')}
+                    genericStats={conceptStats}
+                    title='Conceptualization'
+                    profile={props.profile}
+                    track='DEVELOP'
+                    subTrack='CONCEPTUALIZATION'
+                    chartTitle='Conceptualization Rating'
+                />
+            )}
+
         </div>
     )
 }