diff options
Diffstat (limited to 'src/components/Scoreboard')
| -rw-r--r-- | src/components/Scoreboard/Scoreboard.js | 68 | 
1 files changed, 0 insertions, 68 deletions
diff --git a/src/components/Scoreboard/Scoreboard.js b/src/components/Scoreboard/Scoreboard.js deleted file mode 100644 index 5c83735..0000000 --- a/src/components/Scoreboard/Scoreboard.js +++ /dev/null @@ -1,68 +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 => { -        setSolutions(response.data); -    }); -  }; - -  const removeSolution = id => { -    updateSolutions(); -  }; - -  useEffect(() => { -    setTimeout(updateSolutions, 300); -  }, []); - -  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;  |