Absorb and display events

At least message-type ones, and at least without styling or memory-limit
concerns.

1 files changed, 15 insertions, 2 deletions

diff --git a/hi-ui/src/lib/MessageInput.svelte b/hi-ui/src/lib/MessageInput.svelte
index 4bb4aab..96e9577 100644
--- a/hi-ui/src/lib/MessageInput.svelte
+++ b/hi-ui/src/lib/MessageInput.svelte
@@ -1,9 +1,22 @@
 <script>
+    import { postToChannel } from '../apiServer';
+    import { activeChannel } from '../store';
+
     let input;
     let disabled = false;
+    let activeChannelId;
+
+    activeChannel.subscribe((value) => {
+        activeChannelId = value ? value.id : null;
+    });
 
-    function handleSubmit(event) {
-        console.log(event);
+    async function handleSubmit(event) {
+        event.preventDefault();
+        disabled = true;
+        // TODO try/catch:
+        await postToChannel(activeChannelId, input);
+        input = '';
+        disabled = false;
     }
 </script>