jketreno/ketr.chat
1
0
Fork 0
Code Issues Activity

Remove usage of legacy mui/styles

Browse Source 
Signed-off-by: James Ketrenos <james@ketrenos.com>
This commit is contained in:
James Ketrenos 2023-03-30 12:27:59 -07:00
parent 4d5bb6cb4b
commit 57eef0e9cf
2 changed files with 1 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
client/src/PlayerColor.js
View File

@ -2,15 +2,11 @@
import React from "react"; import React from "react";
import Avatar from '@mui/material/Avatar' import Avatar from '@mui/material/Avatar'
import { useStyles } from './Styles.js';
import "./PlayerColor.css"; import "./PlayerColor.css";
const PlayerColor = ({ color }) => { const PlayerColor = ({ color }) => {
const classes = useStyles();
return ( return (
<Avatar className={['PlayerColor', classes[color]].join(' ')}/> <Avatar className={['PlayerColor', color].join(' ')}/>
); );
}; };

30
client/src/Styles.js
View File

@ -1,30 +0,0 @@
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 };