File tree Expand file tree Collapse file tree 2 files changed +13
-13
lines changed
dotcom-rendering/src/components Expand file tree Collapse file tree 2 files changed +13
-13
lines changed Original file line number Diff line number Diff line change @@ -28,35 +28,35 @@ const meta = {
2828export default meta ;
2929type Story = StoryObj < typeof meta > ;
3030
31- export const Possession = {
31+ export const Default = {
3232 args : {
33- label : 'Possession ' ,
33+ label : 'Goal Attempts ' ,
3434 home : {
3535 teamName : 'Manchester United' ,
3636 teamColour : '#da020e' ,
37- value : 39 ,
37+ value : 7 ,
3838 } ,
3939 away : {
4040 teamName : 'Arsenal' ,
4141 teamColour : '#023474' ,
42- value : 61 ,
42+ value : 4 ,
4343 } ,
44- showPercentage : true ,
4544 } ,
4645} satisfies Story ;
4746
48- export const GoalAttempts = {
47+ export const ShownAsPercentage = {
4948 args : {
50- label : 'Goal Attempts ' ,
49+ label : 'Possession ' ,
5150 home : {
5251 teamName : 'West Ham' ,
5352 teamColour : '#722642' ,
54- value : 7 ,
53+ value : 39 ,
5554 } ,
5655 away : {
5756 teamName : 'Newcastle' ,
5857 teamColour : '#383838' ,
59- value : 4 ,
58+ value : 61 ,
6059 } ,
60+ showPercentage : true ,
6161 } ,
6262} satisfies Story ;
Original file line number Diff line number Diff line change 11import { css } from '@emotion/react' ;
22import { breakpoints , from , palette } from '@guardian/source/foundations' ;
33import type { Meta , StoryObj } from '@storybook/react-webpack5' ;
4- import { FootballMiniMatchStats } from './FootballMiniMatchStats' ;
4+ import { FootballMiniMatchStats as FootballMiniMatchStatsComponent } from './FootballMiniMatchStats' ;
55
66const gridCss = css `
77 background-color : ${ palette . neutral [ 97 ] } ;
@@ -27,7 +27,7 @@ const containerCss = css`
2727
2828const meta = {
2929 title : 'Components/Football Mini Match Stats' ,
30- component : FootballMiniMatchStats ,
30+ component : FootballMiniMatchStatsComponent ,
3131 decorators : [
3232 ( Story ) => (
3333 < div css = { gridCss } >
@@ -46,12 +46,12 @@ const meta = {
4646 ] ,
4747 } ,
4848 } ,
49- } satisfies Meta < typeof FootballMiniMatchStats > ;
49+ } satisfies Meta < typeof FootballMiniMatchStatsComponent > ;
5050
5151export default meta ;
5252type Story = StoryObj < typeof meta > ;
5353
54- export const FootballMiniMatchStatsMobile = {
54+ export const FootballMiniMatchStats = {
5555 args : {
5656 homeTeam : {
5757 name : 'Manchester United' ,
You can’t perform that action at this time.
0 commit comments