Updated to material-ui v5

Signed-off-by: James Ketrenos <james@ketrenos.com>

Dockerfile

@@ -40,8 +40,18 @@ RUN apt-get -q update \
     tree \
     inotify-tools \
     gettext-base \
-    gh \
-    git \
+  && apt-get clean \
+  && rm -rf /var/lib/apt/lists/{apt,dpkg,cache,log}
+
+# Build dependencies when running npm install
+RUN apt-get -q update \
+  && DEBIAN_FRONTEND=noninteractive apt-get install \
+    --no-install-recommends -y \
+    make \
+    python-is-python3 \
+    gcc \
+    g++ \
+    libc-dev \
   && apt-get clean \
   && rm -rf /var/lib/apt/lists/{apt,dpkg,cache,log}
 

client/package.json

@@ -5,8 +5,8 @@
   "dependencies": {
     "@emotion/react": "^11.10.6",
     "@emotion/styled": "^11.10.6",
-    "@mui/icons-material": "^5.10.16",
-    "@mui/material": "^5.11.10",
+    "@mui/icons-material": "^5.11.11",
+    "@mui/material": "^5.11.15",
     "@types/jest": "^29.2.3",
     "@types/node": "^18.11.10",
     "@types/react": "^18.0.26",

client/src/GlobalContext.js

@@ -0,0 +1,12 @@
+import { createContext } from "react";
+
+const global = {
+  chatId: undefined,
+  ws: undefined,
+  name: "",
+  chat: []
+};
+
+const GlobalContext = createContext(global);
+
+export { GlobalContext, global };

client/src/PlayerColor.js

@@ -1,6 +1,6 @@
 
 import React from "react";
-import Avatar from '@material-ui/core/Avatar';
+import Avatar from '@mui/material/Avatar'
 
 import { useStyles } from './Styles.js';
 
@@ -14,4 +14,4 @@ const PlayerColor = ({ color }) => {
   );
 };
 
-export { PlayerColor };
+export { PlayerColor };

client/src/PlayerList.js

@@ -1,6 +1,5 @@
 import React, { useState, useEffect, useContext, useRef } from "react";
-import Paper from '@material-ui/core/Paper';
-import List from '@material-ui/core/List';
+import { Paper, List } from '@mui/material';
 
 import "./PlayerList.css";
 import { PlayerColor } from './PlayerColor.js';
@@ -174,4 +173,4 @@ const PlayerList = () => {
   );
 }
 
-export { PlayerList };
+export { PlayerList };

client/src/PlayerName.js

@@ -1,7 +1,6 @@
 import React, { useState } from "react";
 import "./PlayerName.css";
-import TextField from '@material-ui/core/TextField';
-import Button from '@material-ui/core/Button';
+import { TextField, Button } from '@material-ui/core';
 
 const PlayerName = ({ name, setName }) => {
   const [edit, setEdit] = useState(name);
@@ -34,4 +33,4 @@ const PlayerName = ({ name, setName }) => {
   );
 };
 
-export { PlayerName };
+export { PlayerName };

client/src/Styles.js

@@ -0,0 +1,30 @@
+import { makeStyles } from '@mui/material/styles';
+import { orange, lightBlue, red, grey } from '@mui/material/colors';
+
+const useStyles = makeStyles((theme) => ({
+  root: {
+    display: 'flex',
+    '& > *': {
+      margin: theme.spacing(1),
+    },
+  },
+  R: {
+    color: theme.palette.getContrastText(red[500]),
+    backgroundColor: red[500],
+  },
+  O: {
+    color: theme.palette.getContrastText(orange[500]),
+    backgroundColor: orange[500],
+  },
+  W: {
+    color: theme.palette.getContrastText(grey[50]),
+    backgroundColor: grey[50],
+  },
+  B: {
+    color: theme.palette.getContrastText(lightBlue[500]),
+    backgroundColor: lightBlue[500],
+  },
+}));
+
+
+export { useStyles };

development.yml

@@ -3,8 +3,6 @@ services:
   ketr.chat:
     volumes:
       - /etc/nginx/ssl:/etc/nginx/ssl:ro         # Use host web keys
-      - $HOME/.netrc:/root/.netrc                # Use current user .netrc
-      - $HOME/.config/gh:/root/.config/gh        # Use current user GH config
       - ./logs:/home/user/logs                   #
      # Hot mount client and server for dynamic changes in DEVELOPMENT
       - ./scripts:/opt/scripts                   # Hot update via bind

docker-compose.yml

@@ -13,8 +13,6 @@ services:
     tty: true        # Needed for react-scripts
     restart: always
     volumes:
-      - $HOME/.netrc:/root/.netrc                # Use current user .netrc
-      - $HOME/.config/gh:/root/.config/gh        # GitHub 'gh' credentials for GitHub actions
       - /etc/nginx/ssl:/etc/nginx/ssl:ro         # Use host web keys
       - ./logs:/home/user/logs                   #
     ports:
@@ -33,8 +31,6 @@ services:
     tty: true        # Needed for react-scripts
     restart: always
     volumes:
-      - $HOME/.netrc:/root/.netrc                # Use current user .netrc
-      - $HOME/.config/gh:/root/.config/gh        # GitHub 'gh' credentials for GitHub actions
       - /etc/nginx/ssl:/etc/nginx/ssl:ro         # Use host web keys
       - ./scripts:/opt/scripts                   # Hot update via bind
     ports:

production.yml

@@ -4,6 +4,4 @@ services:
   ketr.chat-production:
     volumes:
       - /etc/nginx/ssl:/etc/nginx/ssl:ro         # Use host web keys
-      - $HOME/.netrc:/root/.netrc                # Use current user .netrc
-      - $HOME/.config/gh:/root/.config/gh        # Use current user GH config
       - ./logs:/home/user/logs                   #