IBX-6136: Changed value validation logic for anchor (#236)

ezsystems · Jul 19, 2023 · a2d97eb · a2d97eb
1 parent e89026a
commit a2d97eb
Showing 1 changed file with 16 additions and 6 deletions.
diff --git a/src/bundle/Resources/public/js/OnlineEditor/buttons/ez-btn-anchoredit.js b/src/bundle/Resources/public/js/OnlineEditor/buttons/ez-btn-anchoredit.js
@@ -29,10 +29,8 @@ export default class EzBtnAnchorEdit extends Component {
     componentDidMount() {
         const block = this.findBlock();
         const value = block.getId();
-        const isValueUnique = this.isValueUnique(value);
-        const isValueValid = this.isValueValid(value);
 
-        this.setState(() => ({ value, isValueUnique, isValueValid }));
+        this.checkValueIsValidAndUnique(value);
     }
 
     static get key() {
@@ -74,10 +72,8 @@ export default class EzBtnAnchorEdit extends Component {
 
     updateValue({ nativeEvent }) {
         const value = nativeEvent.target.value;
-        const isValueUnique = this.isValueUnique(value);
-        const isValueValid = this.isValueValid(value);
 
-        this.setState(() => ({ value, isValueUnique, isValueValid }));
+        this.checkValueIsValidAndUnique(value);
     }
 
     isValueUnique(value) {
@@ -190,6 +186,20 @@ export default class EzBtnAnchorEdit extends Component {
         return <em className="ez-ae-anchor-edit__error">{errorMessage}</em>;
     }
 
+    checkValueIsValidAndUnique(value) {
+        const isValueValid = this.isValueValid(value);
+
+        if (!isValueValid) {
+            this.setState(() => ({ value, isValueValid }));
+
+            return;
+        }
+
+        const isValueUnique = this.isValueUnique(value);
+
+        this.setState(() => ({ value, isValueUnique, isValueValid }));
+    }
+
     /**
      * Lifecycle. Renders the UI of the button.
      *