diff options
author | Eug-VS <eug-vs@keemail.me> | 2020-01-11 17:44:46 +0300 |
---|---|---|
committer | Eug-VS <eug-vs@keemail.me> | 2020-01-11 17:44:46 +0300 |
commit | 31da3a746ce7d86ade32b60acb68365670d97726 (patch) | |
tree | 90041e4a485179f203202f134dff5994601edf66 /src/components/TimerPage/TimerPage.js | |
parent | e78ecf560a0c6f4cf59a3c4341884996464c7923 (diff) | |
download | chrono-cube-ui-31da3a746ce7d86ade32b60acb68365670d97726.tar.gz |
Move all pages to separate folder
Diffstat (limited to 'src/components/TimerPage/TimerPage.js')
-rw-r--r-- | src/components/TimerPage/TimerPage.js | 76 |
1 files changed, 0 insertions, 76 deletions
diff --git a/src/components/TimerPage/TimerPage.js b/src/components/TimerPage/TimerPage.js deleted file mode 100644 index 22781bc..0000000 --- a/src/components/TimerPage/TimerPage.js +++ /dev/null @@ -1,76 +0,0 @@ -import React from 'react'; - -import { post } from '../../requests'; - -import Window from "../Window/Window"; -import ContentSection from "../ContentSection/ContentSection"; -import Timer from "./Timer/Timer"; -import SmartList from "../SmartList/SmartList"; -import SolutionCard from "../SolutionCard/SolutionCard"; - -import { Typography, makeStyles } from "@material-ui/core"; - - -const useStyles = makeStyles(theme => ({ - primary: { - padding: theme.spacing(4), - }, - cell: { - padding: theme.spacing(5), - }, -})); - -const TimerPage = ({ recentSolutions, setRecentSolutions }) => { - const classes = useStyles(); - - const user = { - id: null, - username: 'anonymous', - }; - - const registerResult = result => { - const solution = { author_id: user.id, result }; - post('solutions/', solution).then(response => { - setRecentSolutions([response.data].concat(recentSolutions)); - }); - }; - - const removeSolution = (id) => { - setRecentSolutions(recentSolutions.filter((solution => solution.id !== id))); - }; - - const renderItem = ({ index, style }) => { - const solution = recentSolutions[index]; - return ( - <div style={style} className={classes.cell}> - <SolutionCard data={solution} removeThisCard={removeSolution} /> - </div> - ); - }; - - return ( - <> - <Window type="primary"> - <div className={classes.primary}> - <ContentSection sectionName="Welcome to ChronoCube!"> - <Typography> - Here is some text about how cool this application is, why you should use it - and how to make it better! - </Typography> - </ContentSection> - <Timer registerResult={registerResult} /> - </div> - </Window> - <Window type="secondary" name="Recent solutions"> - <SmartList - itemSize={270} - itemCount={recentSolutions.length} - renderItem={renderItem} - /> - </Window> - </> - ); -}; - - -export default TimerPage; |