aboutsummaryrefslogtreecommitdiff
path: root/src/pages/Scoreboard
diff options
context:
space:
mode:
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}/>