diff --git a/front-end/src/apps/audience-display/displays/seasons/fgc_default/components/alliance-result.tsx b/front-end/src/apps/audience-display/displays/seasons/fgc_default/components/alliance-result.tsx index 3f11e36..c8d27e5 100644 --- a/front-end/src/apps/audience-display/displays/seasons/fgc_default/components/alliance-result.tsx +++ b/front-end/src/apps/audience-display/displays/seasons/fgc_default/components/alliance-result.tsx @@ -6,6 +6,7 @@ import { Alliance, BLUE_STATION, Match, + MatchParticipant, QUALIFICATION_LEVEL, Ranking, Team @@ -20,6 +21,7 @@ import { Grid } from '@mui/material'; import BreakdownRow from './breakdown-row'; import { Block } from '@mui/icons-material'; import { CardStatus } from '@toa-lib/models/build/seasons/FeedingTheFuture'; +import { CardStatus as CardStatusComponent } from './card-status'; import { useTournamentsForEvent } from 'src/api/use-tournament-data'; const Container = styled.div` @@ -105,6 +107,7 @@ const TeamContainer = styled.div((props: { alliance: Alliance }) => ({ interface AllianceTeamProps { alliance: Alliance; team: Team; + station?: MatchParticipant; rank?: Ranking; } @@ -120,7 +123,18 @@ const RankText = styled.div` text-align: center; `; -const AllianceTeam: FC = ({ alliance, team, rank }) => { +const CardContainer = styled.div` + width: 3vh; + height: 3vh; + margin-left: auto; +`; + +const AllianceTeam: FC = ({ + alliance, + team, + rank, + station +}) => { const rankIcon = useMemo(() => { if (!rank) return null; if (rank.rankChange === 0) { @@ -138,6 +152,11 @@ const AllianceTeam: FC = ({ alliance, team, rank }) => {
{team.teamNameShort}
{rank && rankIcon && ( + {station && ( + + + + )} {rank.rank} {rankIcon} @@ -214,6 +233,7 @@ export const AllianceResult: FC = ({ key={p.station} alliance={alliance} team={p.team ?? teamsRecord[p.teamKey]} + station={p} rank={rank} /> ); @@ -247,8 +267,8 @@ export const AllianceResult: FC = ({ {showZeroScore ? 0 : alliance === 'red' - ? match.redScore - : match.blueScore} + ? match.redScore + : match.blueScore}