mirror of
https://github.com/penpot/penpot.git
synced 2025-06-07 01:01:39 +02:00
Add tokens header
This commit is contained in:
parent
acc3606cbb
commit
40846b87c2
1 changed files with 17 additions and 10 deletions
|
@ -248,7 +248,8 @@
|
||||||
|
|
||||||
(mf/defc tokens-explorer
|
(mf/defc tokens-explorer
|
||||||
[_props]
|
[_props]
|
||||||
(let [objects (mf/deref refs/workspace-page-objects)
|
(let [open? (mf/use-state true)
|
||||||
|
objects (mf/deref refs/workspace-page-objects)
|
||||||
|
|
||||||
selected (mf/deref refs/selected-shapes)
|
selected (mf/deref refs/selected-shapes)
|
||||||
selected-shapes (into [] (keep (d/getf objects)) selected)
|
selected-shapes (into [] (keep (d/getf objects)) selected)
|
||||||
|
@ -261,6 +262,12 @@
|
||||||
(sorted-token-groups tokens))]
|
(sorted-token-groups tokens))]
|
||||||
[:article
|
[:article
|
||||||
[:& token-context-menu]
|
[:& token-context-menu]
|
||||||
|
[:& title-bar {:collapsable true
|
||||||
|
:collapsed (not @open?)
|
||||||
|
:all-clickable true
|
||||||
|
:title "TOKENS"
|
||||||
|
:on-collapsed #(swap! open? not)}]
|
||||||
|
(when @open?
|
||||||
[:div.assets-bar
|
[:div.assets-bar
|
||||||
(for [{:keys [token-key token-type-props tokens]} (concat (:filled token-groups)
|
(for [{:keys [token-key token-type-props tokens]} (concat (:filled token-groups)
|
||||||
(:empty token-groups))]
|
(:empty token-groups))]
|
||||||
|
@ -269,7 +276,7 @@
|
||||||
:selected-shapes selected-shapes
|
:selected-shapes selected-shapes
|
||||||
:active-theme-tokens active-theme-tokens
|
:active-theme-tokens active-theme-tokens
|
||||||
:tokens tokens
|
:tokens tokens
|
||||||
:token-type-props token-type-props}])]]))
|
:token-type-props token-type-props}])])]))
|
||||||
|
|
||||||
(defn dev-or-preview-url? [url]
|
(defn dev-or-preview-url? [url]
|
||||||
(let [host (-> url js/URL. .-host)
|
(let [host (-> url js/URL. .-host)
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue