From a1ee9c3ebb17d724e9513ea6d1872e984b77b79a Mon Sep 17 00:00:00 2001
From: Manh Hung Nguyen <manhhung.nguyen@episerver.com>
Date: Mon, 20 Nov 2023 16:01:09 +0700
Subject: [PATCH] Change variable to check validate fail

---
 .../src/components/elements/shared/ElementWrapper.tsx         | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/@optimizely/forms-react/src/components/elements/shared/ElementWrapper.tsx b/src/@optimizely/forms-react/src/components/elements/shared/ElementWrapper.tsx
index ffb0d27..fc74bf1 100644
--- a/src/@optimizely/forms-react/src/components/elements/shared/ElementWrapper.tsx
+++ b/src/@optimizely/forms-react/src/components/elements/shared/ElementWrapper.tsx
@@ -9,12 +9,12 @@ export interface ElementWrapperProps{
 }
 
 export default function ElementWrapper(props: ElementWrapperProps){
-    const failClass = props.validationResults?.some(r => !r.valid) ? "ValidationFail" : "ValidationSuccess";
+    const isFail = props.validationResults?.some(r => !r.valid);
 
     return (
         <>
             {props.isVisible && (
-                <div className={`Form__Element ${props.className} ${failClass}`}>
+                <div className={`Form__Element ${props.className} ${isFail ? "ValidationFail" : "ValidationSuccess"}`}>
                     {props.children}
                 </div>
             )}