feat(leaderboard): swap coarse N-days tile for a mini D/H/M countdown#291
Merged
Conversation
…untdown Tim 2026-06-05: the third hero tile on /leaderboard read "7 DAYS / TO KICKOFF" when the actual remaining time was 6 days and change. The old logic was `Math.ceil((kickoff - now) / 86_400_000)` which rounds UP, so anything strictly less than a whole day inflated by one. With five days to kickoff this would have read "7 days" for most of the last week of the runway. Swapped it for a mini countdown styled to echo the home-page banner (gold-on-dark cells, Fraunces digits, mono labels), but at hero-tile scale and showing days/hours/minutes only. No seconds because the tile is glanced at, not stared at, and a one-minute tick avoids any pulse animation distracting from the leaderboard below. * Drops the `daysToKickoff` state + `kickoffLabel` memo from the page; the static "brackets locked" + "syndicates running" tiles stay as before. * Adds a small `MiniCountdownTile` component (with three `MiniCell`s) inline in the page file. Seeds `now` from the kickoff timestamp so SSR + first client render agree, suppresses the expected hydration mismatch on the digit nodes only. * Adds `.vt-lb-hero-card--countdown` + `.vt-lb-mini-countdown` styles to leaderboard.css, sharing the radial-gold wash with the home page banner but at smaller cell sizes. * When the kickoff instant passes, the tile reads "Live" + "to kickoff" (instead of an all-zeros grid) to match the `pastLabel` semantics of the main banner. Same target instant as the home page: 2026-06-11T19:00:00Z. Refs: docs/internal/home-polish-spec.md Signed-off-by: Tim Thomas <0800tim@gmail.com>
Auto-triage: GREEN — auto-triage clearRisk score: 0/100
No flags raised by the automated scanners. A human reviewer will still take a look. Labels applied: Posted by |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Tim 2026-06-05: the third hero tile on /leaderboard read "7 DAYS / TO KICKOFF" while the actual remaining time was 6 days and change (the old logic ceil-rounded the day count, inflating by one for most of any given day). Replaced with a mini countdown using the home-page aesthetic but at tile scale; days / hours / minutes only, ticks once a minute, snaps to "Live" past the kickoff instant.
MiniCountdownTilecomponent in the page.vt-lb-hero-card--countdownstyles in leaderboard.css with the same radial-gold wash as the home bannerdaysToKickoffstate +kickoffLabelmemoSame kickoff target as the home page (
2026-06-11T19:00:00Z).