Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-01-21 06:02:32 -05:00
Code Issues Activity

Allow passing custom functions

Browse source
This commit is contained in:
Florian Schroedl 2024-08-23 16:44:11 +02:00
parent 8a20e3a698
commit 7e7203eb7c
2 changed files with 18 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -111,9 +111,12 @@
[:div {:class (stl/css :sets-list-wrapper)}
[:& wts/controlled-sets-list
{:token-sets token-sets
:selected-token-set-id selected-token-set-id
:token-set-selected? token-set-selected?
:token-set-active? token-set-active?}]]))
:token-set-selected? (constantly false)
:token-set-active? token-set-active?
:on-select (fn [id]
(js/console.log "id" id))
:on-toggle (fn [id]
(js/console.log "id" id))}]]))
(mf/defc themes
[{:keys [] :as _args}]

19
frontend/src/app/main/ui/workspace/tokens/sets.cljs
View file

@ -17,11 +17,10 @@
(def ^:private chevron-icon
(i/icon-xref :arrow (stl/css :chevron-icon)))
(defn on-toggle-token-set-click [id event]
(dom/stop-propagation event)
(defn on-toggle-token-set-click [id]
(st/emit! (wdt/toggle-token-set id)))
(defn on-select-token-set-click [id event]
(defn on-select-token-set-click [id]
(st/emit! (wdt/set-selected-token-set-id id)))
(defn on-delete-token-set-click [id event]
@ -29,7 +28,7 @@
(st/emit! (wdt/delete-token-set id)))
(mf/defc sets-tree
[{:keys [token-set token-set-active? token-set-selected?] :as _props}]
[{:keys [token-set token-set-active? token-set-selected? on-select on-toggle] :as _props}]
(let [{:keys [id name _children]} token-set
selected? (and set? (token-set-selected? id))
visible? (token-set-active? id)
@ -37,7 +36,9 @@
set? true #_(= type :set)
group? false #_(= type :group)]
[:div {:class (stl/css :set-item-container)
:on-click #(on-select-token-set-click id %)}
:on-click (fn [event]
(dom/stop-propagation event)
(on-select id))}
[:div {:class (stl/css-case :set-item-group group?
:set-item-set set?
:selected-set selected?)}
@ -54,7 +55,9 @@
i/delete]]
(when set?
[:span {:class (stl/css :action-btn)
:on-click #(on-toggle-token-set-click id %)}
:on-click (fn [event]
(dom/stop-propagation event)
(on-toggle id))}
(if visible? i/shown i/hide)])]
#_(when (and children (not @collapsed?))
[:div {:class (stl/css :set-children)}
@ -90,4 +93,6 @@
{:token-sets token-sets
:selected-token-set-id selected-token-set-id
:token-set-selected? token-set-selected?
:token-set-active? token-set-active?}]))
:token-set-active? token-set-active?
:on-select on-select-token-set-click
:on-toggle on-toggle-token-set-click}]))