github/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2026-09-11 06:28:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

💄 Add cosmetic changes to token-component component

Browse Source
This commit is contained in:
Andrey Antukh 2025-02-04 18:14:29 +01:00
parent a53c37bc3c
commit 769000da2d
1 changed files with 39 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

73
frontend/src/app/main/ui/workspace/tokens/sidebar.cljs
View File

@ -78,42 +78,47 @@
(l/derived lens:token-type-open-status))) (l/derived lens:token-type-open-status)))
{:keys [modal attributes all-attributes title]} token-type-props {:keys [modal attributes all-attributes title]} token-type-props
on-context-menu (mf/use-fn on-context-menu
(fn [event token] (mf/use-fn
(dom/prevent-default event) (fn [event token]
(dom/stop-propagation event) (dom/prevent-default event)
(st/emit! (dt/show-token-context-menu (dom/stop-propagation event)
{:type :token (st/emit! (dt/show-token-context-menu
:position (dom/get-client-position event) {:type :token
:errors (:errors token) :position (dom/get-client-position event)
:token-name (:name token)})))) :errors (:errors token)
:token-name (:name token)}))))
on-toggle-open-click (mf/use-fn on-toggle-open-click
(mf/deps open? tokens) (mf/use-fn
#(st/emit! (dt/set-token-type-section-open type (not open?)))) (mf/deps open? tokens)
on-popover-open-click (mf/use-fn #(st/emit! (dt/set-token-type-section-open type (not open?))))
(fn [event]
(mf/deps type title)
(let [{:keys [key fields]} modal]
(dom/stop-propagation event)
(st/emit! (dt/set-token-type-section-open type true))
(modal/show! key {:x (.-clientX ^js event)
:y (.-clientY ^js event)
:position :right
:fields fields
:title title
:action "create"
:token-type type}))))
on-token-pill-click (mf/use-fn on-popover-open-click
(mf/deps selected-shapes token-type-props) (mf/use-fn
(fn [event token] (fn [event]
(dom/stop-propagation event) (mf/deps type title)
(when (seq selected-shapes) (let [{:keys [key fields]} modal]
(st/emit! (dom/stop-propagation event)
(wtch/toggle-token {:token token (st/emit! (dt/set-token-type-section-open type true))
:shapes selected-shapes (modal/show! key {:x (.-clientX ^js event)
:token-type-props token-type-props}))))) :y (.-clientY ^js event)
:position :right
:fields fields
:title title
:action "create"
:token-type type}))))
on-token-pill-click
(mf/use-fn
(mf/deps selected-shapes token-type-props)
(fn [event token]
(dom/stop-propagation event)
(when (seq selected-shapes)
(st/emit!
(wtch/toggle-token {:token token
:shapes selected-shapes
:token-type-props token-type-props})))))
tokens-count (count tokens) tokens-count (count tokens)
can-edit? (:can-edit (deref refs/permissions))] can-edit? (:can-edit (deref refs/permissions))]