From 372b3145eadaf1b6c285434ce8c0934b7aaf976a Mon Sep 17 00:00:00 2001
From: Juanfran <juanfran.ag@gmail.com>
Date: Mon, 10 Feb 2025 15:02:46 +0100
Subject: [PATCH] :sparkles: Add missing Enter key for button activation in
 edit/create tokens modal

---
 .../app/main/ui/workspace/tokens/form.cljs    | 24 ++++++++++++++++++-
 1 file changed, 23 insertions(+), 1 deletion(-)

diff --git a/frontend/src/app/main/ui/workspace/tokens/form.cljs b/frontend/src/app/main/ui/workspace/tokens/form.cljs
index b6d2cb5b2..8dc904eea 100644
--- a/frontend/src/app/main/ui/workspace/tokens/form.cljs
+++ b/frontend/src/app/main/ui/workspace/tokens/form.cljs
@@ -32,6 +32,7 @@
    [app.util.dom :as dom]
    [app.util.functions :as uf]
    [app.util.i18n :refer [tr]]
+   [app.util.keyboard :as k]
    [cuerdas.core :as str]
    [malli.core :as m]
    [malli.error :as me]
@@ -404,7 +405,25 @@
          (fn [e]
            (mf/set-ref-val! cancel-ref nil)
            (dom/prevent-default e)
-           (modal/hide!)))]
+           (modal/hide!)))
+        handle-key-down-delete
+        (mf/use-fn
+         (mf/deps on-delete-token)
+         (fn [e]
+           (when (k/enter? e)
+             (on-delete-token e))))
+        handle-key-down-cancel
+        (mf/use-fn
+         (mf/deps on-cancel)
+         (fn [e]
+           (when (k/enter? e)
+             (on-cancel e))))
+        handle-key-down-save
+        (mf/use-fn
+         (fn [e]
+           (mf/deps on-submit)
+           (when (k/enter? e)
+             (on-submit e))))]
 
     ;; Clear form token cache on mount
     (mf/use-effect
@@ -493,18 +512,21 @@
                                   :with-delete (= action "edit"))}
        (when (= action "edit")
          [:> button* {:on-click on-delete-token
+                      :on-key-down handle-key-down-delete
                       :class (stl/css :delete-btn)
                       :type "button"
                       :icon i/delete
                       :variant "secondary"}
           (tr "labels.delete")])
        [:> button* {:on-click on-cancel
+                    :on-key-down handle-key-down-cancel
                     :type "button"
                     :on-ref  on-cancel-ref
                     :id "token-modal-cancel"
                     :variant "secondary"}
         (tr "labels.cancel")]
        [:> button* {:type "submit"
+                    :on-key-down handle-key-down-save
                     :variant "primary"
                     :disabled disabled?}
         (tr "labels.save")]]]]))