Skip to content

Tint unplayed matches' Win Pred cell by prediction - #421

Open
Krish-Parmar22 wants to merge 1 commit into
avgupta456:masterfrom
Krish-Parmar22:match-prediction-colors
Open

Krish-Parmar22 wants to merge 1 commit into
avgupta456:masterfrom
Krish-Parmar22:match-prediction-colors

Conversation

@Krish-Parmar22

Copy link
Copy Markdown

Closes #321

Today the Win Pred cell is green/red for a completed match (prediction was correct/incorrect) and plain white for an unplayed one, so upcoming predictions have to be read rather than seen.

Change

frontend/src/components/MatchTable.tsx — the cell background is now computed once from match status and prediction:

Status Team page (Win/Lose) Event page (Red/Blue)
Completed CORRECT_COLOR / INCORRECT_COLOR (unchanged) unchanged
Unplayed pale green #DDF3E6 / pale pink #FDE1E2 lightRed / lightBlue (the row's existing alliance tints)

The issue asks for red/green. I used paler tints than the verified colours on purpose: the same column would otherwise use one colour for "we predict a win" and "we were right", which are different claims. On the event page the cell says the alliance name, so red/green there would be ambiguous — the alliance tints match the rest of the row.

Happy to switch to the full CORRECT_COLOR/INCORRECT_COLOR if you'd rather.

Verified

next lint, tsc --noEmit pass. Checked in the browser with a local stub marking matches as unplayed (no real unplayed matches exist right now):

  • Team page: Quals 2–54 unplayed → pale green Win / pale pink Lose; Quals 63+ completed → existing dark green. 2026dal_f1m3, a genuinely unplayed finals game 3 in the data, also colours correctly.
  • Event page /event/2026cmptx → Elim Matches: unplayed rows tinted light blue/red by predicted alliance; played rows unchanged.

Completed matches keep the existing green/red for a correct/incorrect
prediction. Unplayed matches, previously white, are now tinted by the
prediction itself: on a team page a pale green for a predicted win and a
pale pink for a predicted loss; on an event page the light red/blue
alliance tints already used in the row, by predicted winner.

The unplayed tints are deliberately paler than CORRECT_COLOR /
INCORRECT_COLOR so a prediction is visually distinct from a verified
result in the same column.

Closes avgupta456#321
@vercel

vercel Bot commented Sep 16, 2026

Copy link
Copy Markdown

@Krish-Parmar22 is attempting to deploy a commit to the avgupta456's projects Team on Vercel.

A member of the Team first needs to authorize it.

This branch has not been deployed

No deployments
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Unplayed matches should draw red/green based on prediction

1 participant