feat: confirm button with enter

TheArcadiaGroup · Aug 16, 2022 · e20239e · e20239e
1 parent f99d571
commit e20239e
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/src/lib/components/Popup.svelte b/src/lib/components/Popup.svelte
@@ -19,10 +19,18 @@
 	export let goBack: boolean = false;
 	export let confirmText = 'Confirm';
 	export let okDisabled = false;
+
+	function onKey(event: any) {
+		switch (event.key) {
+			case 'Enter':
+				if (!okDisabled) dispatch('confirm');
+				break;
+		}
+	}
 </script>
 
 <!-- <div transition:fade|local class="darker" /> -->
-<div class="popup-holder" transition:fade|local>
+<div class="popup-holder" transition:fade|local on:keyup={onKey}>
 	<div class="popup bg-white dark:bg-dark-blue">
 		<div class="pcontainer">
 			<div class="popuptitle">{title}</div>