diff options
Diffstat (limited to 'ui/lib/components/MessageInput.svelte')
| -rw-r--r-- | ui/lib/components/MessageInput.svelte | 60 |
1 files changed, 30 insertions, 30 deletions
diff --git a/ui/lib/components/MessageInput.svelte b/ui/lib/components/MessageInput.svelte index 220ed3b..907391c 100644 --- a/ui/lib/components/MessageInput.svelte +++ b/ui/lib/components/MessageInput.svelte @@ -1,40 +1,40 @@ <script> - import { postToChannel } from '$lib/apiServer'; + import { postToChannel } from '$lib/apiServer'; - let { channel } = $props(); + let { channel } = $props(); - let form; - let value = $state(''); - let pending = false; + let form; + let value = $state(''); + let pending = false; - let disabled = $derived(pending); + let disabled = $derived(pending); - async function onSubmit(event) { - event.preventDefault(); - pending = true; - await postToChannel(channel, value); - form.reset(); - pending = false; - } + async function onSubmit(event) { + event.preventDefault(); + pending = true; + await postToChannel(channel, value); + form.reset(); + pending = false; + } - function onKeyDown(event) { - if (!event.altKey && event.key === 'Enter') { - onSubmit(event); - } - } + function onKeyDown(event) { + if (!event.altKey && event.key === 'Enter') { + onSubmit(event); + } + } </script> <form bind:this={form} onsubmit={onSubmit} class="flex flex-row flex-nowrap"> - <textarea - onkeydown={onKeyDown} - bind:value - {disabled} - type="search" - class="flex-auto h-6 input rounded-r-none" - ></textarea> - <button - color="primary variant-filled-secondary" - type="submit" - class="flex-none w-6 h-6 btn-icon variant-filled rounded-l-none">»</button - > + <textarea + onkeydown={onKeyDown} + bind:value + {disabled} + type="search" + class="flex-auto h-6 input rounded-r-none" + ></textarea> + <button + color="primary variant-filled-secondary" + type="submit" + class="flex-none w-6 h-6 btn-icon variant-filled rounded-l-none">»</button + > </form> |
