mirror of
https://github.com/AmanTahiliani/box-box.git
synced 2026-08-07 11:54:59 -04:00
1.4 KiB
1.4 KiB
Phase 16: Live Timing Polish
Goal
Improve the React Live Timing route as an operations screen while preserving the existing official F1 SignalR bridge and TUI live behavior.
Completed Scope
- Added pure helpers for position delta styling and race-control flag classes.
- Improved the timing tower with podium position styling, colored position deltas, best-lap/lap-count columns, and compact status badges.
- Reworked the session banner so track status, lap count, clock, live/stale state, and weather read as dense operational metadata.
- Improved race-control feed treatment with color-coded flag badges, category labels for non-flag messages, and bounded scrolling.
- Reworked the live route layout into a two-column desktop view with timing tower priority and race control alongside it.
- Improved empty and disconnected states without requiring a real live F1 session.
Constraints
- No backend live bridge or TUI live code was changed.
- No persisted live storage was added.
- Tests continue to use disabled-live/empty-state coverage because an active F1 session is not guaranteed.
Verification
npm --prefix frontend test -- --run
npm --prefix frontend run build
npm run test:e2e
npm run test:e2e:prod
npm run test:visual
npm run test:visual:prod