fix(core): fix validation message for email on account settings page

bigcommerce · Nov 1, 2024 · 6bd054e · 6bd054e
1 parent 3647900
commit 6bd054e
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 6 deletions.
diff --git a/.changeset/sweet-dragons-stare.md b/.changeset/sweet-dragons-stare.md
@@ -0,0 +1,5 @@
+---
+"@bigcommerce/catalyst-core": patch
+---
+
+fix validation message for email on account settings page
diff --git a/core/app/[locale]/(default)/account/(tabs)/settings/_components/text-field.tsx b/core/app/[locale]/(default)/account/(tabs)/settings/_components/text-field.tsx
@@ -49,12 +49,20 @@ export const TextField = ({
         />
       </FieldControl>
       {isRequired && (
-        <FieldMessage
-          className="absolute inset-x-0 bottom-0 inline-flex w-full text-xs font-normal text-error"
-          match="valueMissing"
-        >
-          {t(fieldNameById ?? 'empty')}
-        </FieldMessage>
+        <>
+          <FieldMessage
+            className="absolute inset-x-0 bottom-0 inline-flex w-full text-xs font-normal text-error"
+            match="valueMissing"
+          >
+            {t(fieldNameById ?? 'empty')}
+          </FieldMessage>
+          <FieldMessage
+            className="absolute inset-x-0 bottom-0 inline-flex w-full text-xs font-normal text-error"
+            match="typeMismatch"
+          >
+            {t(fieldNameById ?? 'empty')}
+          </FieldMessage>
+        </>
       )}
     </Field>
   );