set message on enter

This commit is contained in:
Roland Osborne 2022-04-16 21:16:48 -07:00
parent f01dab52b6
commit 43d88b5a64
2 changed files with 11 additions and 1 deletions

View File

@ -27,12 +27,21 @@ export function AddTopic() {
actions.addTopic();
}
const onKey = (e) => {
if (e.key === 'Enter' && !e.shiftKey) {
e.preventDefault();
if (state.messageText) {
actions.addTopic();
}
}
}
return (
<AddTopicWrapper>
<div class="container noselect">
<AddCarousel state={state} actions={actions} />
<div class="input">
<Input.TextArea placeholder="Message" autoSize={{ minRows: 2, maxRows: 6 }}
<Input.TextArea placeholder="Message" autoSize={{ minRows: 2, maxRows: 6 }} onKeyPress={onKey}
onChange={(e) => actions.setMessageText(e.target.value)} value={state.messageText} />
</div>
<div class="buttons">

View File

@ -64,6 +64,7 @@ export function useAddTopic() {
else {
await addChannelTopic(app.state.token, channel, message, []);
}
updateState({ messageText: null, messageColor: null, messageSize: null, backgroundColor: null });
}
catch(err) {
window.alert(err);