remove deprecated @mui/styles
Change-Id: If52e6c0be904ea13d98ade644111ab3553671626
diff --git a/client/src/pages/addContactPage.jsx b/client/src/pages/addContactPage.jsx
index d0451df..e47ed95 100644
--- a/client/src/pages/addContactPage.jsx
+++ b/client/src/pages/addContactPage.jsx
@@ -3,22 +3,9 @@
import { Box, Container, Fab, Card, CardContent, Typography } from '@mui/material';
import GroupAddRounded from '@mui/icons-material/GroupAddRounded';
-import makeStyles from '@mui/styles/makeStyles';
import authManager from '../AuthManager'
-const useStyles = makeStyles((theme) => ({
- root: {
- '& > *': {
- margin: theme.spacing(1),
- },
- },
- extendedIcon: {
- marginRight: theme.spacing(1),
- },
-}))
-
export default function AddContactPage(props) {
- const classes = useStyles()
const navigate = useNavigate();
const accountId = props.accountId || props.match.params.accountId
const contactId = props.contactId || props.match.params.contactId
@@ -47,7 +34,7 @@
<Typography variant='body1'>{contactId}</Typography>
<Box style={{textAlign: 'center', marginTop: 16}}>
<Fab variant='extended' color='primary' onClick={handleClick}>
- <GroupAddRounded className={classes.extendedIcon} />
+ <GroupAddRounded/>
Add contact
</Fab>
</Box>