fix infiltration timer

This commit is contained in:
Olivier Gagnon 2021-09-22 01:03:25 -04:00
parent 55901f0574
commit 9c40cf6f28

@ -1,12 +1,16 @@
import LinearProgress from "@mui/material/LinearProgress"; import LinearProgress from "@mui/material/LinearProgress";
import React, { useState, useEffect } from "react"; import React, { useState, useEffect } from "react";
import withStyles from '@mui/styles/withStyles'; import withStyles from "@mui/styles/withStyles";
import { Theme } from "@mui/material/styles";
import Grid from "@mui/material/Grid"; import Grid from "@mui/material/Grid";
const TimerProgress = withStyles(() => ({ const TimerProgress = withStyles((theme: Theme) => ({
root: {
backgroundColor: theme.palette.background.paper,
},
bar: { bar: {
transition: "none", transition: "none",
backgroundColor: "#adff2f", backgroundColor: theme.palette.primary.main,
}, },
}))(LinearProgress); }))(LinearProgress);
@ -36,7 +40,7 @@ export function GameTimer(props: IProps): React.ReactElement {
// bar physically reaches the end // bar physically reaches the end
return ( return (
<Grid item xs={12}> <Grid item xs={12}>
<TimerProgress variant="determinate" value={v} /> <TimerProgress variant="determinate" value={v} color="primary" />
</Grid> </Grid>
); );
} }