From c466bc5fabd9125ee4ee0d87779977a27af6bb02 Mon Sep 17 00:00:00 2001
From: EETagent <vojta.jungmann@gmail.com>
Date: Fri, 30 Dec 2022 23:26:20 +0100
Subject: [PATCH] feat: fire click event on enter for submit buttons

---
 frontend/src/lib/components/button/Submit.svelte | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/frontend/src/lib/components/button/Submit.svelte b/frontend/src/lib/components/button/Submit.svelte
index 291d5b8..81fe229 100644
--- a/frontend/src/lib/components/button/Submit.svelte
+++ b/frontend/src/lib/components/button/Submit.svelte
@@ -1,9 +1,21 @@
 <script lang="ts">
+	import { createEventDispatcher } from 'svelte';
+
 	export let value: string;
+
+	const dispatch = createEventDispatcher();
+
+	const handleKeyDown = (e: KeyboardEvent) => {
+		if (e.key === 'Enter') {
+			dispatch('click');
+		}
+	};
 </script>
 
 <input on:click type="submit" {value} />
 
+<svelte:window on:keydown={handleKeyDown} />
+
 <style lang="postcss">
 	input {
 		@apply bg-sspsBlue hover:bg-sspsBlueDark