From 55608377ef48622ed694a4f08b48cb6eae1abdf1 Mon Sep 17 00:00:00 2001
From: Kiril Kartunov <kiril.kartunov@gmail.com>
Date: Wed, 27 Sep 2023 10:58:38 +0300
Subject: [PATCH] MP-355 add Conceptualization detalis modal

---
 .../GenericSubtrackDetailsModal.tsx            |  4 ++--
 .../ChallengeWinsBanner.tsx                    | 18 ++++++++++++++++++
 2 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/src/apps/profiles/src/components/GenericSubtrackDetailsModal/GenericSubtrackDetailsModal.tsx b/src/apps/profiles/src/components/GenericSubtrackDetailsModal/GenericSubtrackDetailsModal.tsx
index d3e6c2fbd..81a72249e 100644
--- a/src/apps/profiles/src/components/GenericSubtrackDetailsModal/GenericSubtrackDetailsModal.tsx
+++ b/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>
diff --git a/src/apps/profiles/src/member-profile/tc-achievements/ChallengeWinsBanner/ChallengeWinsBanner.tsx b/src/apps/profiles/src/member-profile/tc-achievements/ChallengeWinsBanner/ChallengeWinsBanner.tsx
index d0678dced..069797d98 100644
--- a/src/apps/profiles/src/member-profile/tc-achievements/ChallengeWinsBanner/ChallengeWinsBanner.tsx
+++ b/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>
     )
 }