mirror of
https://github.com/rjNemo/football-summaries
synced 2026-06-12 13:26:39 +00:00
style: match list component
This commit is contained in:
parent
5ab2967c88
commit
747d56fdeb
1 changed files with 8 additions and 4 deletions
|
|
@ -1,5 +1,5 @@
|
||||||
import React, { FC } from "react";
|
import React, { FC } from "react";
|
||||||
import { Container } from "@material-ui/core";
|
import { Container, Grid } from "@material-ui/core";
|
||||||
|
|
||||||
import { withGame, IGameState } from "../store/GameProvider";
|
import { withGame, IGameState } from "../store/GameProvider";
|
||||||
|
|
||||||
|
|
@ -11,9 +11,13 @@ const MatchList: FC<IGameState> = ({ games, loading }) =>
|
||||||
<Loader />
|
<Loader />
|
||||||
) : (
|
) : (
|
||||||
<Container>
|
<Container>
|
||||||
{games.map((game, i) => (
|
<Grid container justify="center" spacing={3}>
|
||||||
<MatchItem key={i} {...game} id={i} />
|
{games.map((game, i) => (
|
||||||
))}
|
<Grid key={i} item xs={3}>
|
||||||
|
<MatchItem {...game} id={i} />
|
||||||
|
</Grid>
|
||||||
|
))}
|
||||||
|
</Grid>
|
||||||
</Container>
|
</Container>
|
||||||
);
|
);
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue