From c84615d6bffa7ad81cfff903e38612d25e32c33b Mon Sep 17 00:00:00 2001
From: Samuel Andert <samuel@ora.earth>
Date: Sat, 22 Jul 2023 11:21:02 +0200
Subject: [PATCH] added enter send key to messages input

---
 src/lib/components/MessageInput.svelte | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/lib/components/MessageInput.svelte b/src/lib/components/MessageInput.svelte
index a050e81..fc28004 100644
--- a/src/lib/components/MessageInput.svelte
+++ b/src/lib/components/MessageInput.svelte
@@ -20,6 +20,13 @@
 	function handleClear() {
 		clearMessages(); // Call the clearMessages function to clear all messages.
 	}
+
+	function handleKeyDown(event) {
+		if (event.key === 'Enter') {
+			handleSend();
+			event.preventDefault(); // Prevents a newline being added to the input field
+		}
+	}
 </script>
 
 <footer class="bg-white p-4 flex justify-end">
@@ -28,6 +35,7 @@
 		class="flex-grow border rounded px-3 py-2 mr-2"
 		placeholder="Type your message..."
 		bind:value={newMessageText}
+		on:keydown={handleKeyDown}
 	/>
 	<button class="bg-blue-500 hover:bg-blue-600 text-white py-2 px-4 rounded" on:click={handleSend}>
 		Send Message