♻️ Convert token theme create-modal components to modern * suffix format

Rename empty-themes, themes-overview, edit-theme, create-theme to * suffix;
rename disabled? -> is-disabled in theme-modal-buttons*;
update dynamic component dispatch to use [:> component* ...] form.
This commit is contained in:
Andrey Antukh 2026-04-02 17:11:51 +00:00
parent 984b69fa56
commit bc1a4d7670

View File

@ -38,7 +38,7 @@
;; Form Component --------------------------------------------------------------
(mf/defc empty-themes
(mf/defc empty-themes*
[{:keys [change-view]}]
(let [create-theme
(mf/use-fn
@ -65,7 +65,7 @@
:on-click create-theme}
(tr "workspace.tokens.add-new-theme")]]]]))
(mf/defc themes-overview
(mf/defc themes-overview*
[{:keys [change-view]}]
(let [active-theme-paths (mf/deref refs/workspace-active-theme-paths)
themes-groups (mf/deref refs/workspace-token-theme-tree-no-hidden)
@ -220,7 +220,7 @@
:on-change on-update-name}]]]))
(mf/defc theme-modal-buttons*
[{:keys [close-modal on-save-form disabled?] :as props}]
[{:keys [close-modal on-save-form is-disabled] :as props}]
(let [handle-key-down-cancel
(mf/use-fn
(mf/deps close-modal)
@ -245,7 +245,7 @@
:type "submit"
:on-click on-save-form
:on-key-down handle-key-down-save
:disabled disabled?}
:disabled is-disabled}
(tr "workspace.tokens.save-theme")]]))
(defn- make-lib-with-theme
@ -380,12 +380,12 @@
[:div {:class (stl/css :button-footer)}
[:> theme-modal-buttons* {:close-modal close-modal
:on-save-form on-save-form
:disabled? disabled?}]]]]]]))
:is-disabled disabled?}]]]]]]))
(defn has-prev-view [prev-view-type]
(contains? #{:empty-themes :themes-overview} prev-view-type))
(mf/defc edit-theme
(mf/defc edit-theme*
[{:keys [state change-view]}]
(let [{:keys [theme-info]} state
[theme-id _ _] theme-info
@ -405,7 +405,7 @@
:is-editing true
:has-prev-view has-prev-view}]))
(mf/defc create-theme
(mf/defc create-theme*
[{:keys [state change-view]}]
(let [theme (ctob/make-token-theme :name "")
on-save
@ -439,11 +439,11 @@
:theme-info (assoc :theme-info theme-info))))))
component (case (:type state)
:empty-themes empty-themes
:themes-overview (if (empty? themes) empty-themes themes-overview)
:edit-theme edit-theme
:create-theme create-theme)]
[:& component {:state state
:empty-themes empty-themes*
:themes-overview (if (empty? themes) empty-themes* themes-overview*)
:edit-theme edit-theme*
:create-theme create-theme*)]
[:> component {:state state
:change-view change-view}]))
(mf/defc token-themes-modal