From 596ba852233d3022cb9defb113483257af350392 Mon Sep 17 00:00:00 2001
From: Bonymol-aot <bonymol@aot-technologies.com>
Date: Fri, 25 Oct 2024 04:11:14 -0700
Subject: [PATCH] FWF-3757: [Feature] invalid prop added

---
 forms-flow-web/src/components/Form/EditForm/FormSettings.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/forms-flow-web/src/components/Form/EditForm/FormSettings.js b/forms-flow-web/src/components/Form/EditForm/FormSettings.js
index 525f117e59..fd4f06640b 100644
--- a/forms-flow-web/src/components/Form/EditForm/FormSettings.js
+++ b/forms-flow-web/src/components/Form/EditForm/FormSettings.js
@@ -209,9 +209,10 @@ const FormSettings = forwardRef((props, ref) => {
           dataTestid="form-name"
           name="title"
           ariaLabel={t("Form Name")}
+          isInvalid = {!!errors.name}
+          feedback = {errors.name}
           onBlur={() => validateField('name', formDetails.title)}
           />
-          {errors.name && <div className="validation-text">{errors.name}</div>}
         <FormTextArea
           label={t("Description")}
           name="description"