mirror of
https://github.com/penpot/penpot.git
synced 2025-05-22 10:26:10 +02:00
🐛 Avoid theme overwrite on creating a theme with existing name
This commit is contained in:
parent
9d2117e2ac
commit
ebcf5b3177
4 changed files with 41 additions and 28 deletions
|
@ -66,19 +66,26 @@
|
||||||
;; TOKENS Actions
|
;; TOKENS Actions
|
||||||
;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
||||||
|
|
||||||
(defn create-token-theme [token-theme]
|
(defn create-token-theme
|
||||||
|
[token-theme]
|
||||||
(let [new-token-theme token-theme]
|
(let [new-token-theme token-theme]
|
||||||
(ptk/reify ::create-token-theme
|
(ptk/reify ::create-token-theme
|
||||||
ptk/WatchEvent
|
ptk/WatchEvent
|
||||||
(watch [it state _]
|
(watch [it state _]
|
||||||
(let [data (dsh/lookup-file-data state)
|
(let [data (dsh/lookup-file-data state)
|
||||||
changes (-> (pcb/empty-changes it)
|
tokens-lib (get data :tokens-lib)]
|
||||||
|
|
||||||
|
(if (and tokens-lib (ctob/get-theme tokens-lib (:group token-theme) (:name token-theme)))
|
||||||
|
(rx/of (ntf/show {:content (tr "errors.token-theme-already-exists")
|
||||||
|
:type :toast
|
||||||
|
:level :error
|
||||||
|
:timeout 9000}))
|
||||||
|
(let [changes (-> (pcb/empty-changes it)
|
||||||
(pcb/with-library-data data)
|
(pcb/with-library-data data)
|
||||||
(pcb/set-token-theme (:group new-token-theme)
|
(pcb/set-token-theme (:group new-token-theme)
|
||||||
(:name new-token-theme)
|
(:name new-token-theme)
|
||||||
new-token-theme))]
|
new-token-theme))]
|
||||||
(rx/of
|
(rx/of (dch/commit-changes changes)))))))))
|
||||||
(dch/commit-changes changes)))))))
|
|
||||||
|
|
||||||
(defn update-token-theme [[group name] token-theme]
|
(defn update-token-theme [[group name] token-theme]
|
||||||
(ptk/reify ::update-token-theme
|
(ptk/reify ::update-token-theme
|
||||||
|
|
|
@ -270,9 +270,9 @@
|
||||||
(update :group str/trim)
|
(update :group str/trim)
|
||||||
(update :description str/trim))]
|
(update :description str/trim))]
|
||||||
(when-not (str/empty? (:name theme))
|
(when-not (str/empty? (:name theme))
|
||||||
(st/emit! (ptk/event ::ev/event {::ev/name "create-tokens-theme"}))
|
(st/emit! (ptk/event ::ev/event {::ev/name "create-tokens-theme"})
|
||||||
(st/emit! (wdt/create-token-theme theme))))
|
(wdt/create-token-theme theme)))
|
||||||
(on-back)))
|
(on-back))))
|
||||||
|
|
||||||
close-modal
|
close-modal
|
||||||
(mf/use-fn
|
(mf/use-fn
|
||||||
|
@ -423,10 +423,11 @@
|
||||||
:on-save-form on-save-form
|
:on-save-form on-save-form
|
||||||
:disabled? disabled?}]]]]]]))
|
:disabled? disabled?}]]]]]]))
|
||||||
|
|
||||||
(mf/defc themes-modal-body
|
(mf/defc themes-modal-body*
|
||||||
[_]
|
{::mf/private true}
|
||||||
|
[]
|
||||||
(let [themes (mf/deref refs/workspace-token-themes-no-hidden)
|
(let [themes (mf/deref refs/workspace-token-themes-no-hidden)
|
||||||
state (mf/use-state (if (empty? themes)
|
state (mf/use-state #(if (empty? themes)
|
||||||
{:type :create-theme}
|
{:type :create-theme}
|
||||||
{:type :themes-overview}))
|
{:type :themes-overview}))
|
||||||
set-state (mf/use-fn #(swap! state %))
|
set-state (mf/use-fn #(swap! state %))
|
||||||
|
@ -443,13 +444,12 @@
|
||||||
::mf/register modal/components
|
::mf/register modal/components
|
||||||
::mf/register-as :tokens/themes}
|
::mf/register-as :tokens/themes}
|
||||||
[]
|
[]
|
||||||
(let [handle-close-dialog (mf/use-fn #(st/emit! (modal/hide)))]
|
|
||||||
[:div {:class (stl/css :modal-overlay)}
|
[:div {:class (stl/css :modal-overlay)}
|
||||||
[:div {:class (stl/css :modal-dialog)
|
[:div {:class (stl/css :modal-dialog)
|
||||||
:data-testid "token-theme-update-create-modal"}
|
:data-testid "token-theme-update-create-modal"}
|
||||||
[:> icon-button* {:class (stl/css :close-btn)
|
[:> icon-button* {:class (stl/css :close-btn)
|
||||||
:on-click handle-close-dialog
|
:on-click modal/hide!
|
||||||
:aria-label (tr "labels.close")
|
:aria-label (tr "labels.close")
|
||||||
:variant "action"
|
:variant "action"
|
||||||
:icon "close"}]
|
:icon "close"}]
|
||||||
[:& themes-modal-body]]]))
|
[:> themes-modal-body*]]])
|
||||||
|
|
|
@ -1166,6 +1166,9 @@ msgstr "Cannot drop a parent set to an own child path."
|
||||||
msgid "errors.token-set-already-exists"
|
msgid "errors.token-set-already-exists"
|
||||||
msgstr "A set with the same name already exists"
|
msgstr "A set with the same name already exists"
|
||||||
|
|
||||||
|
msgid "errors.token-theme-already-exists"
|
||||||
|
msgstr "Theme Option with the same name exists"
|
||||||
|
|
||||||
#: src/app/main/data/tokens.cljs:198
|
#: src/app/main/data/tokens.cljs:198
|
||||||
msgid "errors.token-set-exists-on-drop"
|
msgid "errors.token-set-exists-on-drop"
|
||||||
msgstr "Cannot complete drop, a set with same name already exists at path %s."
|
msgstr "Cannot complete drop, a set with same name already exists at path %s."
|
||||||
|
|
|
@ -7185,3 +7185,6 @@ msgstr "Extiende Penpot con plugins creados por la comunidad para funcionalidad
|
||||||
|
|
||||||
msgid "errors.token-set-already-exists"
|
msgid "errors.token-set-already-exists"
|
||||||
msgstr "Ya existe un set con el mismo nombre"
|
msgstr "Ya existe un set con el mismo nombre"
|
||||||
|
|
||||||
|
msgid "errors.token-theme-already-exists"
|
||||||
|
msgstr "Ya existe un theme con este nombre"
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue