Format all files with no breaking changes
Lint all files using `npm run lint -- --fix`.
Format all files using `prettier --write "**/*.{ts,tsx,js,jsx,json}"`
No breaking change, only code style is modified.
Gitlab: #29
Change-Id: I4f034a7fb4d3eea10bcd3e38b44a65a1046de62f
diff --git a/client/src/components/SendMessageForm.js b/client/src/components/SendMessageForm.js
index df520ff..d46883c 100644
--- a/client/src/components/SendMessageForm.js
+++ b/client/src/components/SendMessageForm.js
@@ -1,32 +1,36 @@
-import { useState, useCallback } from 'react'
-import { Divider, InputBase } from '@mui/material'
-import { RecordVideoMessageButton, RecordVoiceMessageButton, SelectEmojiButton, SendMessageButton, UploadFileButton } from './buttons';
+import { useState, useCallback } from 'react';
+import { Divider, InputBase } from '@mui/material';
+import {
+ RecordVideoMessageButton,
+ RecordVoiceMessageButton,
+ SelectEmojiButton,
+ SendMessageButton,
+ UploadFileButton,
+} from './buttons';
import { Stack } from '@mui/system';
export default function SendMessageForm(props) {
- const [currentMessage, setCurrentMessage] = useState("")
+ const [currentMessage, setCurrentMessage] = useState('');
- const handleSubmit = e => {
- e.preventDefault()
+ const handleSubmit = (e) => {
+ e.preventDefault();
if (currentMessage) {
- props.onSend(currentMessage)
- setCurrentMessage('')
+ props.onSend(currentMessage);
+ setCurrentMessage('');
}
- }
- const handleInputChange = (event) => setCurrentMessage(event.target.value)
+ };
+ const handleInputChange = (event) => setCurrentMessage(event.target.value);
const onEmojiSelected = useCallback(
(emoji) => setCurrentMessage((currentMessage) => currentMessage + emoji),
- [setCurrentMessage],
- )
+ [setCurrentMessage]
+ );
return (
- <Stack
- padding="30px 16px 0px 16px"
- >
+ <Stack padding="30px 16px 0px 16px">
<Divider
sx={{
- bordeTop: "1px solid #E5E5E5",
+ bordeTop: '1px solid #E5E5E5',
}}
/>
<Stack
@@ -38,31 +42,27 @@
spacing="20px"
padding="16px 0px"
>
- <UploadFileButton/>
- <RecordVoiceMessageButton/>
- <RecordVideoMessageButton/>
+ <UploadFileButton />
+ <RecordVoiceMessageButton />
+ <RecordVideoMessageButton />
- <Stack
- flexGrow={1}
- >
+ <Stack flexGrow={1}>
<InputBase
placeholder="Write something nice"
value={currentMessage}
onChange={handleInputChange}
sx={{
- fontSize: "15px",
- color: "black",
- "& ::placeholder": {
- color: "#7E7E7E",
+ fontSize: '15px',
+ color: 'black',
+ '& ::placeholder': {
+ color: '#7E7E7E',
opacity: 1,
},
}}
/>
</Stack>
- <SelectEmojiButton
- onEmojiSelected={onEmojiSelected}
- />
- { currentMessage && <SendMessageButton type="submit"/> }
+ <SelectEmojiButton onEmojiSelected={onEmojiSelected} />
+ {currentMessage && <SendMessageButton type="submit" />}
</Stack>
</Stack>
);