3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-06-09 06:02:17 +02:00
Code Issues Projects Releases Packages Wiki Activity

✨ Enable Enter key for button activation in tokens modal (#5792)

Browse source
This commit is contained in:
Juanfran 2025-02-07 14:26:09 +01:00 • committed by GitHub
parent 73ff1b4fe5
commit f5b18f953d
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 27 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

21
frontend/src/app/main/ui/workspace/tokens/modals/themes.cljs
View file

@ -28,6 +28,7 @@
[app.main.ui.workspace.tokens.sets-context :as sets-context] [app.main.ui.workspace.tokens.sets-context :as sets-context]
[app.util.dom :as dom] [app.util.dom :as dom]
[app.util.i18n :refer [tr]] [app.util.i18n :refer [tr]]
[app.util.keyboard :as k]
[cuerdas.core :as str] [cuerdas.core :as str]
[potok.v2.core :as ptk] [potok.v2.core :as ptk]
[rumext.v2 :as mf])) [rumext.v2 :as mf]))
@ -197,16 +198,32 @@
(mf/defc theme-modal-buttons* (mf/defc theme-modal-buttons*
[{:keys [close-modal on-save-form disabled?] :as props}] [{:keys [close-modal on-save-form disabled?] :as props}]
(let [handle-key-down-cancel
(mf/use-fn
(mf/deps close-modal)
(fn [event]
(when (k/enter? event)
(close-modal event))))
handle-key-down-save
(mf/use-fn
(mf/deps on-save-form)
(fn [event]
(when (k/enter? event)
(on-save-form event))))]
[:* [:*
[:> button* {:variant "secondary" [:> button* {:variant "secondary"
:type "button" :type "button"
:on-click close-modal} :on-click close-modal
:on-key-down handle-key-down-cancel}
(tr "labels.cancel")] (tr "labels.cancel")]
[:> button* {:variant "primary" [:> button* {:variant "primary"
:type "submit" :type "submit"
:on-click on-save-form :on-click on-save-form
:on-key-down handle-key-down-save
:disabled disabled?} :disabled disabled?}
(tr "workspace.token.save-theme")]]) (tr "workspace.token.save-theme")]]))
(mf/defc create-theme (mf/defc create-theme
[{:keys [set-state]}] [{:keys [set-state]}]