diff --git a/web-chat/src/MessageInput.tsx b/web-chat/src/MessageInput.tsx index 18d2a4c1a7..9ac2d340a2 100644 --- a/web-chat/src/MessageInput.tsx +++ b/web-chat/src/MessageInput.tsx @@ -7,45 +7,46 @@ interface Props { } export default function MessageInput(props: Props) { - const [inputText, setInputText] = useState('') + const [inputText, setInputText] = useState(''); const sendMessage = () => { - props.sendMessage() - setInputText('') - } + props.sendMessage(); + setInputText(''); + }; const messageHandler = (event: ChangeEvent) => { - setInputText(event.target.value) + setInputText(event.target.value); props.messageHandler(event.target.value); }; const keyPressHandler = (event: KeyboardEvent) => { if (event.key === 'Enter') { - sendMessage() + sendMessage(); } - } + }; - return ( - - - - - - - + return ( + + + - ); + + + + + ); }