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

Add simple UI

Browse source
This commit is contained in:
Florian Schroedl 2024-08-15 18:26:37 +02:00
parent 73078d802a
commit 587a2936e6
1 changed files with 24 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -144,6 +144,29 @@
{:empty (sort-by :token-key empty) {:empty (sort-by :token-key empty)
:filled (sort-by :token-key filled)})) :filled (sort-by :token-key filled)}))
(mf/defc token-sets
[_props]
(let [selected-token-set-id (mf/deref refs/workspace-selected-token-set-id)
token-sets (mf/deref refs/workspace-token-sets)]
(js/console.log "token-sets" token-sets)
[:div
{:style {:display "flex"
:flex-direction "column"
:gap "10px"}}
"Token Sets"
[:div
{:style {:display "flex" :gap "10px"}}
[:button "Create"]
[:button "Delete"]]
[:ul
{:style {:list-style "disk"
:margin-left "20px"}}
(for [[_ {:keys [id name]}] token-sets]
[:li {:style {:font-weight (when (= selected-token-set-id id) "bold")}}
name])]
[:hr]]))
(mf/defc tokens-explorer (mf/defc tokens-explorer
[_props] [_props]
(let [objects (mf/deref refs/workspace-page-objects) (let [objects (mf/deref refs/workspace-page-objects)
@ -156,6 +179,7 @@
token-groups (mf/with-memo [tokens] token-groups (mf/with-memo [tokens]
(sorted-token-groups tokens))] (sorted-token-groups tokens))]
[:article [:article
[:& token-sets]
[:& token-context-menu] [:& token-context-menu]
[: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)