Wrap themes ui in header

This commit is contained in:
Florian Schroedl 2024-08-23 10:17:52 +02:00
parent a9a5f69c93
commit 88c899c5c6

View file

@ -179,10 +179,19 @@
:name @name}))} :name @name}))}
"Create"]])) "Create"]]))
(mf/defc token-sets (mf/defc themes-sidebar
[_props] [_props]
(let [active-theme-ids (mf/deref refs/workspace-active-theme-ids) (let [open? (mf/use-state true)
active-theme-ids (mf/deref refs/workspace-active-theme-ids)
themes (mf/deref refs/workspace-ordered-token-themes)] themes (mf/deref refs/workspace-ordered-token-themes)]
[:div {:class (stl/css :sets-sidebar)}
[:div {:class (stl/css :sidebar-header)}
[:& title-bar {:collapsable true
:collapsed (not @open?)
:all-clickable true
:title "THEMES"
:on-collapsed #(swap! open? not)}]]
(when @open?
[:div [:div
[:style [:style
(str "@scope {" (str "@scope {"
@ -219,7 +228,7 @@
(dom/prevent-default e) (dom/prevent-default e)
(dom/stop-propagation e) (dom/stop-propagation e)
(st/emit! (wdt/delete-token-theme id)))} (st/emit! (wdt/delete-token-theme id)))}
"🗑️"]]]])]])]]]])) "🗑️"]]]])]])]]]])]))
(mf/defc sets-sidebar (mf/defc sets-sidebar
[] []
@ -292,8 +301,8 @@
[:div {:class (stl/css :sidebar-tab-wrapper)} [:div {:class (stl/css :sidebar-tab-wrapper)}
(when show-sets-section? (when show-sets-section?
[:div {:class (stl/css :sets-section-wrapper)} [:div {:class (stl/css :sets-section-wrapper)}
[:& sets-sidebar] [:& themes-sidebar]
[:& token-sets]]) [:& sets-sidebar]])
[:div {:class (stl/css :tokens-section-wrapper)} [:div {:class (stl/css :tokens-section-wrapper)}
[:& tokens-explorer]] [:& tokens-explorer]]
[:button {:class (stl/css :download-json-button) [:button {:class (stl/css :download-json-button)