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 }) {
-
+