jeirmeister/Cockatrice
1
0
Fork 0
mirror of https://github.com/Cockatrice/Cockatrice.git synced 2026-06-11 16:44:48 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Webatrice: update deps (#4700)

Browse source 
* save work

* fix reset styling

* fix toast reducer

* update non-react deps

* update react libraries

* remove jquery, use sanitize-html instead

* add missing change

* fix deps and dev deps

* update workflow to target Node 16

* run @mui/codemod to remove @mui/styles

* add default body font size

* update react 17 to 18

* declare enum before use

* add rel attr to links

* fix font sizing issue

* trailing commas

* refactor deep destructuring

Co-authored-by: Jeremy Letto <jeremy.letto@datasite.com>
This commit is contained in:
Jeremy Letto 2022-11-01 12:41:42 -05:00 • committed by GitHub
parent 5854a635ca
commit 26d7fe2ff0
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
17 changed files with 26225 additions and 3552 deletions
Download patch file Download diff file Expand all files Collapse all files

22
webclient/src/components/KnownHosts/KnownHosts.tsx
View file

@ -1,4 +1,5 @@
import { useCallback, useEffect, useState } from 'react';
import { styled } from '@mui/material/styles';
import { useTranslation } from 'react-i18next';
import { Select, MenuItem } from '@mui/material';
import Button from '@mui/material/Button';
@ -7,7 +8,6 @@ import IconButton from '@mui/material/IconButton';
import WifiTetheringIcon from '@mui/icons-material/WifiTethering';
import PortableWifiOffIcon from '@mui/icons-material/PortableWifiOff';
import InputLabel from '@mui/material/InputLabel';
import makeStyles from '@mui/styles/makeStyles';
import Check from '@mui/icons-material/Check';
import AddIcon from '@mui/icons-material/Add';
import EditRoundedIcon from '@mui/icons-material/Edit';
@ -29,8 +29,14 @@ enum TestConnection {
SUCCESS = 'success',
}
const useStyles = makeStyles(theme => ({
root: {
const PREFIX = 'KnownHosts';
const classes = {
root: `${PREFIX}-root`
};
const Root = styled('div')(({ theme }) => ({
[`&.${classes.root}`]: {
'& .KnownHosts-error': {
color: theme.palette.error.main
},
@ -50,13 +56,13 @@ const useStyles = makeStyles(theme => ({
color: theme.palette.success.main
}
}
},
}
}));
const KnownHosts = (props) => {
const { input: { onChange }, meta, disabled } = props;
const { touched, error, warning } = meta;
const classes = useStyles();
const { t } = useTranslation();
const [hostsState, setHostsState] = useState({
@ -195,7 +201,7 @@ const KnownHosts = (props) => {
}
return (
<div className={'KnownHosts ' + classes.root}>
<Root className={'KnownHosts ' + classes.root}>
<FormControl className='KnownHosts-form' size='small' variant='outlined'>
{ touched && (
<div className='KnownHosts-validation'>
@ -272,8 +278,8 @@ const KnownHosts = (props) => {
<Toast open={showCreateToast} onClose={() => setShowCreateToast(false)}>{ t('KnownHosts.toast', { mode: 'created' }) }</Toast>
<Toast open={showDeleteToast} onClose={() => setShowDeleteToast(false)}>{ t('KnownHosts.toast', { mode: 'deleted' }) }</Toast>
<Toast open={showEditToast} onClose={() => setShowEditToast(false)}>{ t('KnownHosts.toast', { mode: 'edited' }) }</Toast>
</div>
)
</Root>
);
};
export default KnownHosts;