mirror of
https://github.com/penpot/penpot.git
synced 2026-07-28 08:56:42 +00:00
✨ Install plugin by pressing enter on plugins dialog
This commit is contained in:
parent
24fc84054d
commit
a6e0113b25
@ -13,7 +13,7 @@
|
||||
[rumext.v2 :as mf]))
|
||||
|
||||
(mf/defc search-bar*
|
||||
[{:keys [id class value placeholder icon-id auto-focus on-change on-clear children]}]
|
||||
[{:keys [id class value placeholder icon-id auto-focus on-change on-clear on-submit children]}]
|
||||
(let [handle-change
|
||||
(mf/use-fn
|
||||
(mf/deps on-change)
|
||||
@ -31,12 +31,19 @@
|
||||
|
||||
handle-key-down
|
||||
(mf/use-fn
|
||||
(mf/deps on-submit)
|
||||
(fn [event]
|
||||
(let [enter? (kbd/enter? event)
|
||||
esc? (kbd/esc? event)
|
||||
node (dom/get-target event)]
|
||||
(when ^boolean enter? (dom/blur! node))
|
||||
(when ^boolean enter?
|
||||
(dom/blur! node)
|
||||
(when (fn? on-submit)
|
||||
(let [value (dom/get-target-val event)]
|
||||
(on-submit value event))))
|
||||
|
||||
(when ^boolean esc? (dom/blur! node)))))]
|
||||
|
||||
[:span {:class (stl/css-case :search-box true
|
||||
:has-children (some? children))}
|
||||
children
|
||||
|
||||
@ -191,6 +191,7 @@
|
||||
[:div {:class (stl/css :modal-content)}
|
||||
[:div {:class (stl/css :top-bar)}
|
||||
[:> search-bar* {:on-change on-url-change
|
||||
:on-submit on-install
|
||||
:value plugin-url
|
||||
:placeholder (tr "workspace.plugins.search-placeholder")
|
||||
:class (stl/css-case :input-error error?)}]
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user