Merge pull request #857 from topcoder-platform/release-hotfixes

MP-332 TCO trip winners -> dev

Author: kkartunov

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

@@ -34,6 +34,10 @@ const MemberTCAchievements: FC<MemberTCAchievementsProps> = (props: MemberTCAchi
         (badge: UserBadge) => /TCO.*Finalist/.test(badge.org_badge.badge_name),
     ).length || 0, [memberBadges])
 
+    const tcoTrips: number = useMemo(() => memberBadges?.rows.filter(
+        (badge: UserBadge) => /TCO.*Trip Winner/.test(badge.org_badge.badge_name),
+    ).length || 0, [memberBadges])
+
     const isCopilot: boolean
         = useMemo(() => !!memberStats?.COPILOT, [memberStats])
 
@@ -53,8 +57,8 @@ const MemberTCAchievements: FC<MemberTCAchievementsProps> = (props: MemberTCAchi
 
             <div className={styles.achievementsWrap}>
                 {
-                    (tcoWins > 0 || tcoQualifications > 0) && (
-                        <TCOWinsBanner tcoWins={tcoWins} tcoQualifications={tcoQualifications} />
+                    (tcoWins > 0 || tcoQualifications > 0 || tcoTrips > 0) && (
+                        <TCOWinsBanner tcoWins={tcoWins} tcoQualifications={tcoQualifications} tcoTrips={tcoTrips} />
                     )
                 }
                 {

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

@@ -5,6 +5,7 @@ import styles from './TCOWinsBanner.module.scss'
 interface TCOWinsBannerProps {
     tcoWins: number
     tcoQualifications: number
+    tcoTrips: number
 }
 
 const TCOWinsBanner: FC<TCOWinsBannerProps> = (props: TCOWinsBannerProps) => (
@@ -13,18 +14,23 @@ const TCOWinsBanner: FC<TCOWinsBannerProps> = (props: TCOWinsBannerProps) => (
             <p className='body-large-bold'>Topcoder Open (TCO)</p>
             <p className={styles.wins}>
                 {
-                    props.tcoWins === 1 || props.tcoQualifications === 1 ? (
+                    props.tcoWins === 1 || props.tcoQualifications === 1 || props.tcoTrips === 1 ? (
                         <></>
                     ) : (
                         <>
-                            {props.tcoWins || props.tcoQualifications}
+                            {props.tcoWins || props.tcoQualifications || props.tcoTrips}
                             {' '}
                             <span>time</span>
                         </>
                     )
                 }
             </p>
-            <p className={styles.champText}>{props.tcoWins ? 'Champion' : 'Finalist'}</p>
+            <p className={styles.champText}>
+                {
+                    props.tcoWins
+                        ? 'Champion' : (props.tcoQualifications ? 'Finalist' : 'Trip Winner')
+                }
+            </p>
             <p>
                 Topcoder Open (TCO) is the ultimate programming tournament,
                 that earns our winners major prestige in the programming community.