diff --git a/app/features/tournament-bracket/components/TeamRosterInputs.tsx b/app/features/tournament-bracket/components/TeamRosterInputs.tsx index 1f13c5af8..bfde0a58d 100644 --- a/app/features/tournament-bracket/components/TeamRosterInputs.tsx +++ b/app/features/tournament-bracket/components/TeamRosterInputs.tsx @@ -67,7 +67,12 @@ export function TeamRosterInputs({ /> Team {teamI + 1} -

{team.name}

+

+ + #{data.seeds[teamI]} + {" "} + {team.name} +

{ return { match, results: findResultsByMatchId(matchId), + seeds: resolveSeeds(), }; + + function resolveSeeds() { + const tournamentId = tournamentIdFromParams(params); + const teams = findTeamsByTournamentId(tournamentId); + + const teamOneIndex = teams.findIndex( + (team) => team.id === match.opponentOne?.id + ); + const teamTwoIndex = teams.findIndex( + (team) => team.id === match.opponentTwo?.id + ); + + return [ + teamOneIndex !== -1 ? teamOneIndex + 1 : null, + teamTwoIndex !== -1 ? teamTwoIndex + 1 : null, + ]; + } }; export default function TournamentMatchPage() { diff --git a/app/features/tournament-bracket/tournament-bracket.css b/app/features/tournament-bracket/tournament-bracket.css index 4dc0de308..2cc31cfe7 100644 --- a/app/features/tournament-bracket/tournament-bracket.css +++ b/app/features/tournament-bracket/tournament-bracket.css @@ -190,6 +190,11 @@ cursor: pointer; } +.tournament-bracket__during-match-actions__seed { + font-size: var(--fonts-xxs); + color: var(--theme); +} + .tournament-bracket__mode-progress { display: flex; margin-bottom: var(--s-4);