MP-235 add TCO finalist

Author: kkartunov

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

@@ -29,21 +29,25 @@ const MemberTCAchievements: FC<MemberTCAchievementsProps> = (props: MemberTCAchi
         (badge: UserBadge) => /TCO.*Champion/.test(badge.org_badge.badge_name),
     ).length || 0, [memberBadges])
 
+    const tcoQualifications: number = useMemo(() => memberBadges?.rows.filter(
+        (badge: UserBadge) => /TCO.*Finalist/.test(badge.org_badge.badge_name),
+    ).length || 0, [memberBadges])
+
     const isCopilot: boolean
         = useMemo(() => !!memberStats?.COPILOT, [memberStats])
 
     // function handleOpenTCAchievements(): void {
     //     console.log('handleOpenTCAchievements')
     // }
 
-    return memberStats?.wins || tcoWins ? (
+    return memberStats?.wins || tcoWins || tcoQualifications ? (
         <div className={styles.container}>
             <p className='body-large-medium'>Achievements @ Topcoder</p>
 
             <div className={styles.achievementsWrap}>
                 {
-                    tcoWins > 0 && (
-                        <TCOWinsBanner tcoWins={tcoWins} />
+                    (tcoWins > 0 || tcoQualifications > 0) && (
+                        <TCOWinsBanner tcoWins={tcoWins} tcoQualifications={tcoQualifications} />
                     )
                 }
                 {

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

@@ -4,25 +4,26 @@ import styles from './TCOWinsBanner.module.scss'
 
 interface TCOWinsBannerProps {
     tcoWins: number
+    tcoQualifications: number
 }
 
 const TCOWinsBanner: FC<TCOWinsBannerProps> = (props: TCOWinsBannerProps) => (
     <div className={styles.container}>
         <p className='body-large-bold'>Topcoder Open (TCO)</p>
         <p className={styles.wins}>
             {
-                props.tcoWins === 1 ? (
+                props.tcoWins === 1 || props.tcoQualifications === 1 ? (
                     <></>
                 ) : (
                     <>
-                        {props.tcoWins}
+                        {props.tcoWins || props.tcoQualifications}
                         {' '}
                         <span>times</span>
                     </>
                 )
             }
         </p>
-        <p className={styles.champText}>Champion</p>
+        <p className={styles.champText}>{props.tcoWins ? 'Champion' : 'Finalist'}</p>
         <p className={styles.text}>
             Topcoder Open (TCO) is the ultimate programming tournament,
             that earns our winners major prestige in the programming community.