diff options
Diffstat (limited to 'src/pages/Scoreboard')
-rw-r--r-- | src/pages/Scoreboard/Scoreboard.tsx (renamed from src/pages/Scoreboard/Scoreboard.js) | 12 |
1 files changed, 7 insertions, 5 deletions
diff --git a/src/pages/Scoreboard/Scoreboard.js b/src/pages/Scoreboard/Scoreboard.tsx index 47c0899..e4185bd 100644 --- a/src/pages/Scoreboard/Scoreboard.js +++ b/src/pages/Scoreboard/Scoreboard.tsx @@ -3,6 +3,7 @@ import React, { useEffect, useState } from 'react'; import { makeStyles } from '@material-ui/core/styles'; import { Window, SmartList } from 'react-benzin'; +import { Solution, RenderPropTypes } from '../../types'; import SolutionCard from '../../components/SolutionCard/SolutionCard'; import Loading from '../../components/Loading/Loading'; @@ -22,17 +23,18 @@ const useStyles = makeStyles(theme => ({ } })); -const Scoreboard = () => { + +const Scoreboard: React.FC = () => { const classes = useStyles(); - const [solutions, setSolutions] = useState([]); + const [solutions, setSolutions] = useState<Solution[]>([]); - const updateSolutions = () => { + const updateSolutions = (): void => { get('scoreboard/').then(response => { setSolutions(response.data); }); }; - const removeSolution = id => { + const removeSolution = (id: number): void => { updateSolutions(); }; @@ -40,7 +42,7 @@ const Scoreboard = () => { setTimeout(updateSolutions, 300); }, []); - const renderItem = ({ index, style }) => { + const renderItem: React.FC<RenderPropTypes> = ({ index, style }) => { return ( <div style={style} className={classes.cell}> <SolutionCard data={solutions[index]} removeThisCard={removeSolution}/> |