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

Add selected sets UI

Browse source
This commit is contained in:
Florian Schroedl 2024-08-16 11:44:41 +02:00
parent 0f95ddef8f
commit c2a045ad5b
3 changed files with 27 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
frontend/src/app/main/refs.cljs
View file

@ -240,6 +240,12 @@
st/state st/state
=)) =))
(def workspace-active-theme-id
(l/derived wtts/update-theme-id st/state))
(def workspace-token-themes
(l/derived wtts/get-workspace-themes-index st/state))
(def workspace-ordered-token-themes (def workspace-ordered-token-themes
(l/derived wtts/get-workspace-ordered-themes st/state)) (l/derived wtts/get-workspace-ordered-themes st/state))

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

@ -21,6 +21,7 @@
[app.main.ui.workspace.tokens.core :as wtc] [app.main.ui.workspace.tokens.core :as wtc]
[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-set :as wtts]
[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.main.ui.workspace.tokens.update :as wtu]
[app.util.dom :as dom] [app.util.dom :as dom]
@ -166,15 +167,19 @@
(mf/defc token-sets (mf/defc token-sets
[_props] [_props]
(let [themes (mf/deref refs/workspace-ordered-token-themes) (let [selected-theme-id (mf/deref refs/workspace-active-theme-id)
themes (mf/deref refs/workspace-ordered-token-themes)
themes-index (mf/deref refs/workspace-token-themes)
selected-theme (get themes-index selected-theme-id)
selected-token-set-id (mf/deref refs/workspace-selected-token-set-id) 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 "selected-theme" selected-theme)
[:div [:div
{:style {:display "flex" {:style {:display "flex"
:flex-direction "column" :flex-direction "column"
:gap "10px"}} :gap "10px"}}
"Themes" (str "Themes (selected: " selected-theme-id ")")
[:div [:div
[:ul {:style {:list-style "disk"}} [:ul {:style {:list-style "disk"}}
[:& tokene-theme-create] [:& tokene-theme-create]
@ -210,11 +215,17 @@
[:div {:style {:display "flex" [:div {:style {:display "flex"
:justify-content "space-between"}} :justify-content "space-between"}}
name name
[:button {:on-click (fn [e] [:div {:style {:display "flex"
(dom/prevent-default e) :gap "5px"}}
(dom/stop-propagation e) [:button
(st/emit! (wdt/delete-token-set id)))} (if (wtts/token-set-enabled-in-theme? id selected-theme)
"Delete"]]])] "👁️"
" ")]
[:button {:on-click (fn [e]
(dom/prevent-default e)
(dom/stop-propagation e)
(st/emit! (wdt/delete-token-set id)))}
"🗑️"]]]])]
[:hr]])) [:hr]]))
(mf/defc tokens-explorer (mf/defc tokens-explorer

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

@ -38,6 +38,9 @@
(defn add-token-set-to-token-theme [token-set-id token-theme] (defn add-token-set-to-token-theme [token-set-id token-theme]
(update token-theme :sets conj token-set-id)) (update token-theme :sets conj token-set-id))
(defn token-set-enabled-in-theme? [set-id theme]
(some? (get-in theme [:sets set-id])))
;; Sets ------------------------------------------------------------------------ ;; Sets ------------------------------------------------------------------------
(defn get-workspace-tokens [state] (defn get-workspace-tokens [state]