Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-04-06 20:11:29 -05:00
Code Issues 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
Show stats Download patch file Download diff file Expand all files Collapse all files

37
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.util.dom :as dom]
[app.util.i18n :refer [tr]]
[app.util.keyboard :as k]
[cuerdas.core :as str]
[potok.v2.core :as ptk]
[rumext.v2 :as mf]))
@ -197,16 +198,32 @@
(mf/defc theme-modal-buttons*
[{:keys [close-modal on-save-form disabled?] :as props}]
[:*
[:> button* {:variant "secondary"
:type "button"
:on-click close-modal}
(tr "labels.cancel")]
[:> button* {:variant "primary"
:type "submit"
:on-click on-save-form
:disabled disabled?}
(tr "workspace.token.save-theme")]])
(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"
:type "button"
:on-click close-modal
:on-key-down handle-key-down-cancel}
(tr "labels.cancel")]
[:> button* {:variant "primary"
:type "submit"
:on-click on-save-form
:on-key-down handle-key-down-save
:disabled disabled?}
(tr "workspace.token.save-theme")]]))
(mf/defc create-theme
[{:keys [set-state]}]