update react, material
Change-Id: I4ae3cdf25982f0935641bf5846447e9d223563b4
diff --git a/client/src/components/SendMessageForm.js b/client/src/components/SendMessageForm.js
index fa7c0f2..ae0a7de 100644
--- a/client/src/components/SendMessageForm.js
+++ b/client/src/components/SendMessageForm.js
@@ -1,7 +1,7 @@
import React from 'react'
-import { makeStyles } from '@material-ui/core/styles'
-import { IconButton, InputBase, Paper, Popper } from '@material-ui/core'
-import { Send, EmojiEmotionsRounded } from '@material-ui/icons'
+import makeStyles from '@mui/styles/makeStyles';
+import { IconButton, InputBase, Paper, Popper } from '@mui/material'
+import { Send, EmojiEmotionsRounded } from '@mui/icons-material'
import EmojiPicker from 'emoji-picker-react'
import authManager from '../AuthManager'
@@ -56,7 +56,12 @@
onSubmit={handleSubmit}
className="send-message-card"
className={classes.root}>
- <IconButton aria-describedby={id} variant="contained" color="primary" onClick={handleOpenEmojiPicker}>
+ <IconButton
+ aria-describedby={id}
+ variant="contained"
+ color="primary"
+ onClick={handleOpenEmojiPicker}
+ size="large">
<EmojiEmotionsRounded />
</IconButton>
<Popper
@@ -80,10 +85,14 @@
value={currentMessage}
onChange={handleInputChange}
/>
- <IconButton type="submit" className={classes.iconButton} aria-label="search">
+ <IconButton
+ type="submit"
+ className={classes.iconButton}
+ aria-label="search"
+ size="large">
<Send />
</IconButton>
</Paper>
</div>
- )
+ );
}