feat(hero): display simultaneous group-final matches with shared timer

findFeaturedMatch → findFeaturedMatches: returns all matches sharing the
earliest kickoff, enabling the hero to show 2+ simultaneous group-final games
(same phase, shared time/countdown). renderHero splits single-match (unchanged
DOM) vs multi-match (stacked with dividers). heroMatchupHTML extracted for
reusable matchup layout.

CSS: .hero-matchups/match/divider/time for vertical stacking and shared time.
i18n: hero.nextMatches (EN/PT) for multi-match label.
This commit is contained in:
Lucas Kalil 2026-06-15 14:52:10 -03:00
parent 99ea02a604
commit 6e33142c96
5 changed files with 107 additions and 31 deletions

View file

@ -18,6 +18,7 @@ const dicts = {
'nav.stats': 'Stats',
'hero.live': 'Live',
'hero.nextMatch': 'Next match',
'hero.nextMatches': 'Next matches',
'hero.inProgress': 'In progress',
'hero.countdownLabel': 'Time until kickoff',
'hero.vs': 'vs',
@ -157,6 +158,7 @@ const dicts = {
'nav.stats': 'Estatísticas',
'hero.live': 'Ao vivo',
'hero.nextMatch': 'Próxima partida',
'hero.nextMatches': 'Próximas partidas',
'hero.inProgress': 'Bola rolando!',
'hero.countdownLabel': 'Tempo até o início da partida',
'hero.vs': 'vs',