diff --git a/src/components/ProfileGamesTable.js b/src/components/ProfileGamesTable.js index 55060b1..0a5050b 100644 --- a/src/components/ProfileGamesTable.js +++ b/src/components/ProfileGamesTable.js @@ -115,7 +115,9 @@ function ProfileGamesTable({ userId, gamesWithScores, handleClickGame }) { {game.scores && game.scores[userId] === Math.max(0, ...Object.values(game.scores)) && ( - + )} diff --git a/src/components/UserStatistics.js b/src/components/UserStatistics.js index aeb8abe..ee6174f 100644 --- a/src/components/UserStatistics.js +++ b/src/components/UserStatistics.js @@ -2,13 +2,19 @@ import Grid from "@mui/material/Grid"; import Typography from "@mui/material/Typography"; import { useTheme } from "@mui/material/styles"; import makeStyles from "@mui/styles/makeStyles"; -import { ArcElement, Chart as ChartJS } from "chart.js"; +import { + ArcElement, + Chart as ChartJS, + Legend, + PieController, + Tooltip, +} from "chart.js"; import { memo } from "react"; import { Pie } from "react-chartjs-2"; import { formatTime } from "../util"; -ChartJS.register(ArcElement); +ChartJS.register(ArcElement, Legend, PieController, Tooltip); const useStyles = makeStyles((theme) => ({ statisticsPanel: { @@ -58,7 +64,7 @@ function UserStatistics({ stats, variant }) { plugins: { legend: { position: "bottom", - onClick: (e) => e.stopPropagation(), + onClick: () => {}, // Disable click to show/hide category. }, tooltip: { enabled: num.finishedGames > 0,