From 02aed54ca3340cf0f70db94a931d4977c1e8e22c Mon Sep 17 00:00:00 2001
From: Joscha <joscha@plugh.de>
Date: Fri, 7 Feb 2025 14:47:25 +0100
Subject: [PATCH] Add basic key bindings for note creator

---
 gdn-app/src/components/CNoteCreator.vue | 21 ++++++++++++++++++++-
 1 file changed, 20 insertions(+), 1 deletion(-)

diff --git a/gdn-app/src/components/CNoteCreator.vue b/gdn-app/src/components/CNoteCreator.vue
index 23388ee..cd0f116 100644
--- a/gdn-app/src/components/CNoteCreator.vue
+++ b/gdn-app/src/components/CNoteCreator.vue
@@ -21,6 +21,24 @@ function updateTextareaHeight() {
   input.value.style.height = "0px";
   input.value.style.height = `${input.value.scrollHeight}px`;
 }
+
+function onInput() {
+  updateTextareaHeight();
+}
+
+function onKeyPress(ev: KeyboardEvent) {
+  if (ev.key === "Escape") {
+    emit("close");
+    ev.preventDefault();
+    return;
+  }
+
+  if (ev.key === "Enter" && !ev.shiftKey) {
+    emit("finish", text.value);
+    ev.preventDefault();
+    return;
+  }
+}
 </script>
 
 <template>
@@ -38,7 +56,8 @@ function updateTextareaHeight() {
       v-model="text"
       class="z-1 flex-1 resize-none bg-neutral-100 px-1 outline-none"
       autofocus
-      @input="updateTextareaHeight()"
+      @input="onInput"
+      @keypress="onKeyPress"
     ></textarea>
 
     <div class="ml-0.5 flex h-6 items-center">