summaryrefslogtreecommitdiff
path: root/ui/src/lib/components/MessageInput.svelte
diff options
context:
space:
mode:
Diffstat (limited to 'ui/src/lib/components/MessageInput.svelte')
-rw-r--r--ui/src/lib/components/MessageInput.svelte30
1 files changed, 0 insertions, 30 deletions
diff --git a/ui/src/lib/components/MessageInput.svelte b/ui/src/lib/components/MessageInput.svelte
deleted file mode 100644
index b33574b..0000000
--- a/ui/src/lib/components/MessageInput.svelte
+++ /dev/null
@@ -1,30 +0,0 @@
-<script>
- import { tick } from 'svelte';
- import { postToChannel } from '$lib/apiServer';
- import { activeChannel } from '$lib/store';
-
- let input;
- let value;
- let disabled;
- activeChannel.subscribe((value) => {
- disabled = !value.isSet();
- if (input && !disabled) {
- input.focus();
- }
- });
-
- async function handleSubmit(event) {
- disabled = true;
- // TODO try/catch:
- await postToChannel($activeChannel.get(), value);
- value = '';
- disabled = false;
- await tick();
- input.focus();
- }
-</script>
-
-<form on:submit|preventDefault={handleSubmit} class="flex flex-row flex-nowrap">
- <input bind:this={input} bind:value={value} disabled={disabled} type="search" class="flex-auto h-6 input rounded-r-none" />
- <button color="primary variant-filled-secondary" type="submit" class="flex-none w-6 h-6 btn-icon variant-filled rounded-l-none">&raquo;</button>
-</form>