diff options
author | Eug-VS <eug-vs@keemail.me> | 2020-01-28 12:41:35 +0300 |
---|---|---|
committer | Eug-VS <eug-vs@keemail.me> | 2020-01-28 12:41:35 +0300 |
commit | 6ffd9ba4fdb459eb2e425ba1bf873baf7576c3f9 (patch) | |
tree | c8c0072a5934e10e247b6899883a7a45f44b488b /src/pages/Timer | |
parent | f7488e93bc5a250ff8ebc2035d653d6cf3ed8c21 (diff) | |
download | chrono-cube-ui-6ffd9ba4fdb459eb2e425ba1bf873baf7576c3f9.tar.gz |
feat!: migrate to BENZIN library
Diffstat (limited to 'src/pages/Timer')
-rw-r--r-- | src/pages/Timer/Timer.js | 13 | ||||
-rw-r--r-- | src/pages/Timer/TimerButton/TimerButton.js | 4 |
2 files changed, 10 insertions, 7 deletions
diff --git a/src/pages/Timer/Timer.js b/src/pages/Timer/Timer.js index 1323d97..e42e318 100644 --- a/src/pages/Timer/Timer.js +++ b/src/pages/Timer/Timer.js @@ -2,10 +2,13 @@ import React from 'react'; import { post } from '../../requests'; -import Window from '../../components/Window/Window'; -import ContentSection from '../../components/ContentSection/ContentSection'; +import { + Window, + ContentSection, + SmartList, +} from 'react-benzin-test'; + import TimerButton from './TimerButton/TimerButton'; -import SmartList from '../../components/SmartList/SmartList'; import SolutionCard from '../../components/SolutionCard/SolutionCard'; import { Button, makeStyles } from '@material-ui/core'; @@ -63,12 +66,12 @@ const Timer = ({ user, recentSolutions, setRecentSolutions, setPage }) => { Every speedcuber will benefit from using it - both amateur and professional! </p> - <Button variant="contained" color="secondary" onClick={handleLearnMore}> Learn more </Button> + <Button variant="contained" color="primary" onClick={handleLearnMore}> Learn more </Button> </ContentSection> {user.id === null && <ContentSection sectionName="Log into an account"> <p> Tell us your name so we can track your progress</p> - <Button variant="contained" color="secondary" onClick={handleLogin} size="large"> Login </Button> + <Button variant="contained" color="primary" onClick={handleLogin} size="large"> Login </Button> </ContentSection> } <TimerButton registerResult={registerResult} /> diff --git a/src/pages/Timer/TimerButton/TimerButton.js b/src/pages/Timer/TimerButton/TimerButton.js index 0f43c5a..254f73c 100644 --- a/src/pages/Timer/TimerButton/TimerButton.js +++ b/src/pages/Timer/TimerButton/TimerButton.js @@ -7,7 +7,7 @@ const useStyles = makeStyles(theme => ({ root: { textAlign: 'center', padding: theme.spacing(5), - background: theme.palette.primary.main, + background: theme.palette.background.elevation3, marginTop: theme.spacing(10), }, })); @@ -90,7 +90,7 @@ const TimerButton = ({ registerResult }) => { }; return ( - <Paper elevation={3} className={classes.root}> + <Paper className={classes.root}> <Typography variant="h1"> {time} </Typography> <Typography variant="h5" color={helperColor()}> {composeHelperText()} |