Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-01-21 06:02:32 -05:00
Code Issues Activity

Use storage to toggle themes ui

Browse source
This commit is contained in:
Florian Schroedl 2024-08-21 11:17:12 +02:00
parent 2df577cba2
commit 0df89cf60d
1 changed files with 12 additions and 1 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

@ -12,6 +12,7 @@
[app.main.data.tokens :as dt]
[app.main.data.tokens :as wdt]
[app.main.refs :as refs]
[app.util.storage :refer [storage]]
[app.main.store :as st]
[app.main.ui.components.title-bar :refer [title-bar]]
[app.main.ui.icons :as i]
@ -282,11 +283,21 @@
(when @open?
[:& sets-list {:selected-set-id selected-set-id}])]))
(defn temp-use-themes-flag []
(let [show? (mf/use-state (get @storage ::show-token-themes-sets? false))]
(mf/use-effect
(fn []
(letfn [(toggle! []
(swap! storage update ::show-token-themes-sets? not)
(reset! show? (get @storage ::show-token-themes-sets?)))]
(set! js/window.toggleThemes toggle!))))
show?))
(mf/defc tokens-sidebar-tab
{::mf/wrap [mf/memo]
::mf/wrap-props false}
[_props]
(let [show-sets-section? false] ;; temporarily added this variable to see/hide the sets section till we have it working end to end
(let [show-sets-section? (deref (temp-use-themes-flag))]
[:div {:class (stl/css :sidebar-tab-wrapper)}
(when show-sets-section?
[:div {:class (stl/css :sets-section-wrapper)}