Fix tournament icon

Author: vtm9

services/app/apps/codebattle/assets/js/widgets/pages/lobby/SeasonProfilePanel.jsx

@@ -16,7 +16,7 @@ import i18n from '../../../i18n';
 import { actions } from '../../slices';
 
 import CodebattleLeagueDescription from './CodebattleLeagueDescription';
-import TournamentListItem, { activeIcon } from './TournamentListItem';
+import TournamentListItem from './TournamentListItem';
 
 const contestDatesText = 'Season: Oct 16 - Dec 21';
 
@@ -183,7 +183,6 @@ const SeasonProfilePanel = ({
                         isAdmin={isAdmin}
                         key={tournament.id}
                         tournament={tournament}
-                        icon={activeIcon}
                       />
                     ))}
                   </div>

services/app/apps/codebattle/assets/js/widgets/pages/lobby/TournamentListItem.jsx

@@ -122,30 +122,15 @@ const showStartsAt = state => [
     tournamentStates.upcoming,
   ].includes(state);
 
-export const activeIcon = (
-  <FontAwesomeIcon
-    style={{ width: '60px', height: '60px' }}
-    icon="laptop-code"
-    className="text-warning"
-  />
-);
-export const upcomingIcon = (
-  <FontAwesomeIcon
-    style={{ width: '60px', height: '60px' }}
-    icon="clock"
-    className="text-gray"
-  />
-);
-
-const TournamentListItem = ({ tournament, icon, isAdmin = false }) => (
+const TournamentListItem = ({ tournament, isAdmin = false }) => (
   <div
     className="border cb-border-color cb-rounded cb-subtle-background my-2 mr-2"
     style={{ width: '350px' }}
   >
     <div className="d-flex flex-column p-3 align-content-center align-items-baseline">
       <div className="d-flex align-items-center">
         <div className="d-none d-lg-block d-md-block mr-2 mb-3">
-          {icon || getIconForGrade(tournament.grade)}
+          {getIconForGrade(tournament.grade)}
         </div>
         <TournamentTitle tournament={tournament} />
       </div>