diff --git a/src/components/GameSidebar.js b/src/components/GameSidebar.js index 9ab8f3d..0a4955c 100644 --- a/src/components/GameSidebar.js +++ b/src/components/GameSidebar.js @@ -129,13 +129,14 @@ function GameSidebar({ game, scores, leaderboard, pause, endedAt }) { /> ))} - - - - {formatDateTime(game.startedAt)} - - + + {/* Footer */} + + + {formatDateTime(game.startedAt)} + + ); } diff --git a/src/components/UserStatistics.js b/src/components/UserStatistics.js index 731fa46..0b3220a 100644 --- a/src/components/UserStatistics.js +++ b/src/components/UserStatistics.js @@ -1,4 +1,4 @@ -import { ArcElement, Chart as ChartJS } from "chart.js"; +import { ArcElement, Chart as ChartJS, Legend, Tooltip } from "chart.js"; import { memo } from "react"; import { Pie } from "react-chartjs-2"; @@ -8,7 +8,7 @@ import { makeStyles, useTheme } from "@material-ui/core/styles"; import { formatTime } from "../util"; -ChartJS.register(ArcElement); +ChartJS.register(ArcElement, Tooltip, Legend); const useStyles = makeStyles((theme) => ({ statisticsPanel: { @@ -58,7 +58,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, diff --git a/src/pages/GamePage.js b/src/pages/GamePage.js index 93b3b8b..be0834b 100644 --- a/src/pages/GamePage.js +++ b/src/pages/GamePage.js @@ -475,7 +475,7 @@ function GamePage({ match }) { - +