From 308fff05c3d93a3a38e5eec2b3a0f6539cd12c95 Mon Sep 17 00:00:00 2001 From: Florian Schroedl Date: Wed, 18 Sep 2024 10:19:59 +0200 Subject: [PATCH] Dont show name error when editing new token and not touching name field --- frontend/src/app/main/ui/workspace/tokens/form.cljs | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/frontend/src/app/main/ui/workspace/tokens/form.cljs b/frontend/src/app/main/ui/workspace/tokens/form.cljs index 025299a8e2..faaf664af1 100644 --- a/frontend/src/app/main/ui/workspace/tokens/form.cljs +++ b/frontend/src/app/main/ui/workspace/tokens/form.cljs @@ -169,7 +169,8 @@ Token names should only contain letters and digits separated by . characters.")} (mf/defc form {::mf/wrap-props false} [{:keys [token token-type]}] - (let [token (or token {:type token-type}) + (let [validate-name? (mf/use-state (not (:id token))) + token (or token {:type token-type}) color? (wtt/color-token? token) selected-set-tokens (mf/deref refs/workspace-selected-token-set-tokens) active-theme-tokens (mf/deref refs/workspace-active-theme-sets-tokens) @@ -198,7 +199,10 @@ Token names should only contain letters and digits separated by . characters.")} (debounce (fn [e] (let [value (dom/get-target-val e) errors (validate-name value)] - (reset! name-errors errors))))) + ;; Prevent showing error when just going to another field on a new token + (when-not (and validate-name? (str/empty? value)) + (reset! validate-name? false) + (reset! name-errors errors)))))) on-update-name (mf/use-callback (mf/deps on-update-name-debounced) (fn [e]