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

Fix name not updating button

Browse source
This commit is contained in:
Florian Schroedl 2024-06-21 17:19:13 +02:00
parent 39eb964cb7
commit 910485008f
1 changed files with 13 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
frontend/src/app/main/ui/workspace/tokens/form.cljs
View file

@ -7,6 +7,7 @@
(ns app.main.ui.workspace.tokens.form
(:require-macros [app.main.style :as stl])
(:require
["lodash.debounce" :as debounce]
[app.main.ui.workspace.tokens.common :as tokens.common]
[app.main.ui.workspace.tokens.style-dictionary :as sd]
[app.util.dom :as dom]
@ -64,21 +65,24 @@
state @state*
_ (js/console.log "render")
form-touched (mf/use-state nil)
update-form-touched (mf/use-callback
(debounce #(reset! form-touched (js/Symbol)) 120))
;; Name
name (mf/use-var (or (:name token) ""))
name-errors (mf/use-state nil)
name-schema (mf/use-memo
(mf/deps existing-token-names)
#(token-name-schema existing-token-names))
on-update-name (fn [e]
(let [value (dom/get-target-val e)
errors (->> (finalize-name value)
(m/explain name-schema))]
(reset! name value)
(reset! name-errors errors)))
disabled? (or
@name-errors
(empty? (finalize-name (:name state))))
on-update-name (mf/use-callback
(debounce (fn [e]
(let [value (dom/get-target-val e)
errors (->> (finalize-name value)
(m/explain name-schema))]
(mf/set-ref-val! name value)
(reset! name-errors errors)
(update-form-touched)))))
;; Value
value (mf/use-var (or (:value token) ""))