Skip to content

Conversation

@jamesmockett
Copy link
Contributor

@jamesmockett jamesmockett commented Dec 1, 2025

What does this change?

Adds FootballMiniMatchStats and constituent FootballMatchStat components.

Why?

To enable the display of key match statistics in football match live blogs in DCAR (#14898). The FootballMatchStat component will also be used in the new match summary page (#14904).

Screenshots

Screenshot 2025-12-01 at 17 37 33 Screenshot 2025-12-01 at 17 37 53 Screenshot 2025-12-01 at 17 39 56

@jamesmockett jamesmockett self-assigned this Dec 1, 2025
@jamesmockett jamesmockett linked an issue Dec 1, 2025 that may be closed by this pull request
@github-actions
Copy link

github-actions bot commented Dec 1, 2025

@github-actions
Copy link

github-actions bot commented Dec 1, 2025

@jamesmockett jamesmockett added the feature Departmental tracking: work on a new feature label Dec 2, 2025
@jamesmockett jamesmockett force-pushed the jm/football-stats-mini branch from 1c67a32 to 985cf1c Compare December 2, 2025 18:09
return (
<div css={containerCss}>
<div css={[headerCss, raiseLabelOnDesktop && raiseLabelCss]}>
<span css={labelCss}>{label}</span>
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

It might make sense for this to be a heading? (Although the heading level would need to be configurable as it can appear in different places.)

Comment on lines +79 to +85
<span css={buttonTextCss}>More stats, line-ups and tables</span>
<span css={buttonTextShortCss}>Stats and line ups</span>
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I've hardcoded the button labels for now, but this could be made configurable later if needed

@jamesmockett jamesmockett marked this pull request as ready for review December 3, 2025 10:02
@github-actions
Copy link

github-actions bot commented Dec 3, 2025

Hello 👋! When you're ready to run Chromatic, please apply the run_chromatic label to this PR.

You will need to reapply the label each time you want to run Chromatic.

Click here to see the Chromatic project.

Comment on lines +93 to +94
raiseLabelOnDesktop?: boolean;
largeNumbersOnDesktop?: boolean;
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I don't love these prop names so I'm open to suggestions

@jamesmockett jamesmockett force-pushed the jm/football-stats-mini branch from a2bb58f to c042bad Compare December 3, 2025 15:59
@jamesmockett jamesmockett force-pushed the jm/football-stats-mini branch from a976989 to bf48cbd Compare December 3, 2025 16:04
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

dotcom-rendering feature Departmental tracking: work on a new feature

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Mini match stat

2 participants