diff options
Diffstat (limited to 'src/components/Scoreboard/Scoreboard.js')
-rw-r--r-- | src/components/Scoreboard/Scoreboard.js | 70 |
1 files changed, 0 insertions, 70 deletions
diff --git a/src/components/Scoreboard/Scoreboard.js b/src/components/Scoreboard/Scoreboard.js deleted file mode 100644 index 2d9bb80..0000000 --- a/src/components/Scoreboard/Scoreboard.js +++ /dev/null @@ -1,70 +0,0 @@ -import React, { useEffect, useState } from 'react'; - -import { makeStyles } from "@material-ui/core/styles"; - -import { get } from "../../requests"; - -import SmartList from "../SmartList/SmartList"; -import SolutionCard from "../SolutionCard/SolutionCard"; -import Loading from "../Loading/Loading"; -import Window from "../Window/Window"; - - -const useStyles = makeStyles(theme => ({ - cell: { - display: 'flex', - justifyContent: 'center', - padding: theme.spacing(4), - - '& .MuiCard-root': { - width: '30%', - } - } -})); - -const Scoreboard = () => { - const classes = useStyles(); - const [solutions, setSolutions] = useState([]); - - const updateSolutions = () => { - get('scoreboard/').then(response => { - setTimeout(() => { - setSolutions(response.data); - }, 300); - }); - }; - - const removeSolution = (id) => { - setSolutions(solutions.filter((solution => solution.id !== id))); - }; - - useEffect(() => { - updateSolutions(); - }, []); - - const renderItem = ({ index, style }) => { - return ( - <div style={style} className={classes.cell}> - <SolutionCard data={solutions[index]} removeThisCard={removeSolution}/> - </div> - ) - }; - - return ( - <Window type="mono"> - { solutions.length === 0 && - <div className={classes.cell}> - <Loading/> - </div> - } - <SmartList - itemSize={300} - itemCount={solutions.length} - renderItem={renderItem} - /> - </Window> - ) -}; - - -export default Scoreboard; |