mirror of
https://github.com/penpot/penpot.git
synced 2025-07-16 10:25:16 +02:00
🚧 Convert rumext
This commit is contained in:
parent
215fb53c52
commit
c1165bd12d
1 changed files with 9 additions and 10 deletions
|
@ -248,8 +248,8 @@
|
||||||
tlib (reduce ctob/add-set tlib sets)]
|
tlib (reduce ctob/add-set tlib sets)]
|
||||||
(ctob/activate-theme tlib (:group theme) (:name theme))))
|
(ctob/activate-theme tlib (:group theme) (:name theme))))
|
||||||
|
|
||||||
(mf/defc edit-create-theme
|
(mf/defc edit-create-theme*
|
||||||
[{:keys [set-state theme on-save edit-theme?]}]
|
[{:keys [set-state theme on-save is-editing]}]
|
||||||
(let [ordered-token-sets (mf/deref refs/workspace-ordered-token-sets)
|
(let [ordered-token-sets (mf/deref refs/workspace-ordered-token-sets)
|
||||||
token-sets (mf/deref refs/workspace-token-sets-tree)
|
token-sets (mf/deref refs/workspace-token-sets-tree)
|
||||||
|
|
||||||
|
@ -330,13 +330,13 @@
|
||||||
|
|
||||||
[:div {:class (stl/css :themes-modal-wrapper)}
|
[:div {:class (stl/css :themes-modal-wrapper)}
|
||||||
[:> heading* {:level 2 :typography "headline-medium" :class (stl/css :themes-modal-title)}
|
[:> heading* {:level 2 :typography "headline-medium" :class (stl/css :themes-modal-title)}
|
||||||
(if edit-theme?
|
(if is-editing
|
||||||
(tr "workspace.token.edit-theme-title")
|
(tr "workspace.token.edit-theme-title")
|
||||||
(tr "workspace.token.add-new-theme"))]
|
(tr "workspace.token.add-new-theme"))]
|
||||||
|
|
||||||
[:form {:on-submit on-save-form :class (stl/css :edit-theme-form)}
|
[:form {:on-submit on-save-form :class (stl/css :edit-theme-form)}
|
||||||
[:div {:class (stl/css :edit-theme-wrapper)}
|
[:div {:class (stl/css :edit-theme-wrapper)}
|
||||||
(when edit-theme?
|
(when is-editing
|
||||||
[:button {:on-click on-back
|
[:button {:on-click on-back
|
||||||
:class (stl/css :back-btn)
|
:class (stl/css :back-btn)
|
||||||
:type "button"}
|
:type "button"}
|
||||||
|
@ -360,7 +360,7 @@
|
||||||
:origin "theme-modal"}]]
|
:origin "theme-modal"}]]
|
||||||
|
|
||||||
[:div {:class (stl/css :edit-theme-footer)}
|
[:div {:class (stl/css :edit-theme-footer)}
|
||||||
(when edit-theme?
|
(when is-editing
|
||||||
[:> button* {:variant "secondary"
|
[:> button* {:variant "secondary"
|
||||||
:type "button"
|
:type "button"
|
||||||
:icon "delete"
|
:icon "delete"
|
||||||
|
@ -383,11 +383,11 @@
|
||||||
(fn [theme']
|
(fn [theme']
|
||||||
(st/emit! (wdt/update-token-theme [(:group theme) (:name theme)] theme'))))]
|
(st/emit! (wdt/update-token-theme [(:group theme) (:name theme)] theme'))))]
|
||||||
|
|
||||||
[:& edit-create-theme
|
[:> edit-create-theme*
|
||||||
{:set-state set-state
|
{:set-state set-state
|
||||||
:theme theme
|
:theme theme
|
||||||
:on-save on-save
|
:on-save on-save
|
||||||
:edit-theme? true}]))
|
:is-editing true}]))
|
||||||
|
|
||||||
(mf/defc create-theme
|
(mf/defc create-theme
|
||||||
[{:keys [set-state]}]
|
[{:keys [set-state]}]
|
||||||
|
@ -399,11 +399,10 @@
|
||||||
(st/emit! (ptk/event ::ev/event {::ev/name "create-tokens-theme"})
|
(st/emit! (ptk/event ::ev/event {::ev/name "create-tokens-theme"})
|
||||||
(wdt/create-token-theme theme))))]
|
(wdt/create-token-theme theme))))]
|
||||||
|
|
||||||
[:& edit-create-theme
|
[:> edit-create-theme*
|
||||||
{:set-state set-state
|
{:set-state set-state
|
||||||
:theme theme
|
:theme theme
|
||||||
:on-save on-save
|
:on-save on-save}]))
|
||||||
:create-theme? true}]))
|
|
||||||
|
|
||||||
(mf/defc themes-modal-body*
|
(mf/defc themes-modal-body*
|
||||||
{::mf/private true}
|
{::mf/private true}
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue