Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-04-06 12:01:19 -05:00
Code Issues Activity

⚡ Improve performance of button-link component

Browse source
This commit is contained in:
Andrey Antukh 2023-07-13 15:39:18 +02:00
parent 6ae58a77ed
commit b5dac770d3
1 changed files with 15 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
frontend/src/app/main/ui/components/button_link.cljs
View file

@ -9,13 +9,18 @@
[app.util.keyboard :as kbd]
[rumext.v2 :as mf]))
(mf/defc button-link [{:keys [action icon name klass]}]
[:a.btn-primary.btn-large.button-link
{:class klass
:tab-index "0"
:on-click action
:on-key-down (fn [event]
(when (kbd/enter? event)
(action event)))}
[:span.logo icon]
name])
(mf/defc button-link
{::mf/wrap-props false}
[{:keys [action icon name klass]}]
(let [on-key-down (mf/use-fn
(mf/deps action)
(fn [event]
(when (kbd/enter? event)
(action event))))]
[:a.btn-primary.btn-large.button-link
{:class klass
:tab-index "0"
:on-click action
:on-key-down on-key-down}
[:span.logo icon]
name]))