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

assets/js/mine-seeker/components/user/User.jsx

@@ -9,6 +9,7 @@
 
 import React, { memo } from 'react';
 import { IMAGES } from '@mine-utils';
+import { bool, func, number, string } from 'prop-types';
 
 const User = memo(function User(
   {
@@ -52,3 +53,15 @@ const User = memo(function User(
 });
 
 export default User;
+
+User.propTypes = {
+  color:               string.isRequired,
+  webPlayer:           string,
+  name:                string,
+  desc:                string,
+  active:              bool,
+  mines:               number,
+  haveBomb:            bool,
+  enabledBomb:         bool,
+  onClickBombSelector: func.isRequired,
+};

assets/js/mine-seeker/components/user/UserControl.jsx

@@ -11,6 +11,7 @@ import React, { Fragment, useState } from 'react';
 import { useGame } from '@mine-contexts';
 import User from './User';
 import BonusStatsDialog from '../BonusStatsDialog';
+import { func } from 'prop-types';
 
 const UserControl = ({ resign }) => {
   const { webPlayer, activePlayer, foundMines, red, blue, onBombToggle } = useGame();
@@ -69,3 +70,7 @@ const UserControl = ({ resign }) => {
 }
 
 export default UserControl;
+
+UserControl.propTypes = {
+  resign: func.isRequired,
+};