style: match list component

This commit is contained in:
Ruidy Nemausat 2020-08-03 21:35:02 +02:00
parent 5ab2967c88
commit 747d56fdeb

View file

@ -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>
); );