Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-02-08 08:09:14 -05:00
Code Issues Activity

Update shapes on token set switch

Browse source
This commit is contained in:
Florian Schroedl 2024-08-15 18:52:31 +02:00
parent 587a2936e6
commit 1f0c1dbbe6
2 changed files with 12 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -10,6 +10,7 @@
[app.common.data :as d] [app.common.data :as d]
[app.main.data.modal :as modal] [app.main.data.modal :as modal]
[app.main.data.tokens :as dt] [app.main.data.tokens :as dt]
[app.main.data.tokens :as wdt]
[app.main.refs :as refs] [app.main.refs :as refs]
[app.main.store :as st] [app.main.store :as st]
[app.main.ui.icons :as i] [app.main.ui.icons :as i]
@ -20,6 +21,7 @@
[app.main.ui.workspace.tokens.style-dictionary :as sd] [app.main.ui.workspace.tokens.style-dictionary :as sd]
[app.main.ui.workspace.tokens.token :as wtt] [app.main.ui.workspace.tokens.token :as wtt]
[app.main.ui.workspace.tokens.token-types :as wtty] [app.main.ui.workspace.tokens.token-types :as wtty]
[app.main.ui.workspace.tokens.update :as wtu]
[app.util.dom :as dom] [app.util.dom :as dom]
[cuerdas.core :as str] [cuerdas.core :as str]
[okulary.core :as l] [okulary.core :as l]
@ -148,7 +150,6 @@
[_props] [_props]
(let [selected-token-set-id (mf/deref refs/workspace-selected-token-set-id) (let [selected-token-set-id (mf/deref refs/workspace-selected-token-set-id)
token-sets (mf/deref refs/workspace-token-sets)] token-sets (mf/deref refs/workspace-token-sets)]
(js/console.log "token-sets" token-sets)
[:div [:div
{:style {:display "flex" {:style {:display "flex"
:flex-direction "column" :flex-direction "column"
@ -157,13 +158,19 @@
"Token Sets" "Token Sets"
[:div [:div
{:style {:display "flex" :gap "10px"}} {:style {:display "flex" :gap "10px"}}
[:button "Create"] [:button
{:on-click #(st/emit! (wdt/create-token-set nil))}
"Create"]
[:button "Delete"]] [:button "Delete"]]
[:ul [:ul
{:style {:list-style "disk" {:style {:list-style "disk"
:margin-left "20px"}} :margin-left "20px"}}
(for [[_ {:keys [id name]}] token-sets] (for [[_ {:keys [id name]}] token-sets]
[:li {:style {:font-weight (when (= selected-token-set-id id) "bold")}} [:li {:style {:font-weight (when (= selected-token-set-id id) "bold")}
:on-click (fn []
(st/emit!
(wdt/set-selected-token-set-id id)
(wtu/update-workspace-tokens)))}
name])] name])]
[:hr]])) [:hr]]))

3
frontend/src/app/main/ui/workspace/tokens/update.cljs
View file

@ -6,6 +6,7 @@
[app.main.refs :as refs] [app.main.refs :as refs]
[app.main.ui.workspace.tokens.changes :as wtch] [app.main.ui.workspace.tokens.changes :as wtch]
[app.main.ui.workspace.tokens.style-dictionary :as wtsd] [app.main.ui.workspace.tokens.style-dictionary :as wtsd]
[app.main.ui.workspace.tokens.token-set :as wtts]
[beicon.v2.core :as rx] [beicon.v2.core :as rx]
[clojure.data :as data] [clojure.data :as data]
[clojure.set :as set] [clojure.set :as set]
@ -120,7 +121,7 @@
ptk/WatchEvent ptk/WatchEvent
(watch [_ state _] (watch [_ state _]
(->> (->>
(rx/from (wtsd/resolve-tokens+ (get-in state [:workspace-data :tokens]))) (rx/from (wtsd/resolve-tokens+ (wtts/get-selected-token-set-tokens state)))
(rx/mapcat (rx/mapcat
(fn [sd-tokens] (fn [sd-tokens]
(let [undo-id (js/Symbol)] (let [undo-id (js/Symbol)]