chg: dev: massive refactor on front-end for unification and readiness #8

assets/js/components/ProfileCharts.jsx

@@ -1,8 +1,18 @@
+/**
+ * This file is part of the SplendidBear Websites' projects.
+ *
+ * Copyright (c) 2026 @ www.splendidbear.org
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+
 import React from 'react';
 import { BarChart } from '@mui/x-charts/BarChart';
 import { LineChart } from '@mui/x-charts/LineChart';
 import { PieChart } from '@mui/x-charts/PieChart';
 import { createTheme, ThemeProvider } from '@mui/material/styles';
+import { shape, arrayOf, number, string } from 'prop-types';
 
 const darkTheme = createTheme({
   palette: {
@@ -136,3 +146,20 @@ export default function ProfileCharts({ chartData }) {
     </ThemeProvider>
   );
 }
+
+ProfileCharts.propTypes = {
+  chartData: shape({
+    months:     arrayOf(string).isRequired,
+    wins:       arrayOf(number).isRequired,
+    losses:     arrayOf(number).isRequired,
+    draws:      arrayOf(number).isRequired,
+    pieWins:    number.isRequired,
+    pieLosses:  number.isRequired,
+    pieDraws:   number.isRequired,
+    recentGames: shape({
+      labels: arrayOf(string).isRequired,
+      mines:  arrayOf(number).isRequired,
+      bonus:  arrayOf(number).isRequired,
+    }).isRequired,
+  }).isRequired,
+};