Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-01-06 14:50:20 -05:00
Code Issues Activity

change current-set to selected-set

Browse source
This commit is contained in:
Akshay Gupta 2024-08-20 20:41:25 +05:30
parent 3a2f4df387
commit 463ab3c866
No known key found for this signature in database
2 changed files with 14 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -44,30 +44,30 @@
(def ^:private chevron-icon
(i/icon-xref :arrow (stl/css :chevron-icon)))
(defn set-current-set
(defn set-selected-set
[set-id]
(dm/assert! (uuid? set-id))
(ptk/reify ::set-current-set
(ptk/reify ::set-selected-set
ptk/UpdateEvent
(update [_ state]
(assoc state :current-set-id set-id))))
(assoc state :selected-set-id set-id))))
(mf/defc sets-tree
[{:keys [current-set-id set-id toggle-visibility]}]
[{:keys [selected-set-id set-id toggle-visibility]}]
(let [set (get sets set-id)]
(when set
(let [{:keys [type name children]} set
visible? (mf/use-state (contains? active-sets set-id))
collapsed? (mf/use-state false)
icon (if (= type :set) i/document i/group)
selected? (mf/use-state (= set-id current-set-id))
selected? (mf/use-state (= set-id selected-set-id))
on-click
(mf/use-fn
(mf/deps type set-id)
(fn [event]
(dom/stop-propagation event)
(st/emit! (set-current-set set-id))))]
(st/emit! (set-selected-set set-id))))]
[:div {:class (stl/css :set-item-container)
:on-click on-click}
[:div {:class (stl/css-case :set-item-group (= type :group)
@ -91,10 +91,10 @@
[:div {:class (stl/css :set-children)}
(for [child-id children]
(do
^{:key (str child-id)} [:& sets-tree {:key (str child-id) :set-id child-id :current-set-id current-set-id :toggle-visibility toggle-visibility}]))])]))))
^{:key (str child-id)} [:& sets-tree {:key (str child-id) :set-id child-id :selected-set-id selected-set-id :toggle-visibility toggle-visibility}]))])]))))
(mf/defc sets-list
[{:keys [current-set-id]}]
[{:keys [selected-set-id]}]
(let [toggle-visibility (fn [set-id]
(if (contains? active-sets set-id)
(swap! active-sets disj set-id)
@ -102,4 +102,4 @@
[:ul {:class (stl/css :sets-list)}
(for [set-id sets-root-order]
^{:key (str set-id)}
[:& sets-tree {:key (str set-id) :set-id set-id :current-set-id current-set-id}])]))
[:& sets-tree {:key (str set-id) :set-id set-id :selected-set-id selected-set-id}])]))

10
frontend/src/app/main/ui/workspace/tokens/sidebar.cljs
View file

@ -34,8 +34,8 @@
(def ^:private download-icon
(i/icon-xref :download (stl/css :download-icon)))
(def current-set-id
(l/derived :current-set-id st/state))
(def selected-set-id
(l/derived :selected-set-id st/state))
(mf/defc token-pill
{::mf/wrap-props false}
@ -173,9 +173,9 @@
(mf/defc sets-sidebar
[]
(let [current-set-id (mf/deref current-set-id)
(let [selected-set-id (mf/deref selected-set-id)
open? (mf/use-state true)]
[:div {:key (str "sidebar-" current-set-id)
[:div {:key (str "sidebar-" selected-set-id)
:class (stl/css :sets-sidebar)}
[:div {:class (stl/css :sidebar-header)}
[:& title-bar {:collapsable true
@ -186,7 +186,7 @@
:on-click #(println "Add Set")}
i/add]]
(when @open?
[:& sets-list {:current-set-id current-set-id}])]))
[:& sets-list {:selected-set-id selected-set-id}])]))
(mf/defc tokens-sidebar-tab
{::mf/wrap [mf/memo]