fixed issue with address validation when the address is UNDELIVERABLE (…

…#30713) * fixed issue with address validation when the address is UNDELIVERABLE * fixed button styles
department-of-veterans-affairs · Jul 5, 2024 · 0c658d9 · 0c658d9
1 parent 02e920e
commit 0c658d9
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 4 deletions.
diff --git a/src/applications/verify-your-enrollment/components/Buttons.jsx b/src/applications/verify-your-enrollment/components/Buttons.jsx
@@ -8,8 +8,12 @@ const ButtonsGroup = ({
   secondaryLabel,
 }) => {
   return (
-    <div>
-      <va-button onClick={onPrimaryClick} text={primaryLabel} />
+    <div className="button-container">
+      <va-button
+        onClick={onPrimaryClick}
+        text={primaryLabel}
+        class="vads-u-margin-bottom--1p5"
+      />
       <va-button onClick={onSecondaryClick} secondary text={secondaryLabel} />
     </div>
   );

diff --git a/src/applications/verify-your-enrollment/constants/index.js b/src/applications/verify-your-enrollment/constants/index.js
@@ -138,7 +138,10 @@ export const errorAddressAlert = deliveryPointValidation => {
       />
     );
   }
-  if (deliveryPointValidation === 'MISSING_ZIP') {
+  if (
+    deliveryPointValidation === 'MISSING_ZIP' ||
+    deliveryPointValidation === 'UNDELIVERABLE'
+  ) {
     return (
       <Alert
         status="warning"

diff --git a/src/applications/verify-your-enrollment/helpers.jsx b/src/applications/verify-your-enrollment/helpers.jsx
@@ -639,7 +639,8 @@ export const noSuggestedAddress = deliveryPointValidation => {
   return (
     deliveryPointValidation === BAD_UNIT_NUMBER ||
     deliveryPointValidation === MISSING_UNIT_NUMBER ||
-    deliveryPointValidation === 'MISSING_ZIP'
+    deliveryPointValidation === 'MISSING_ZIP' ||
+    deliveryPointValidation === 'UNDELIVERABLE'
   );
 };
 

diff --git a/src/applications/verify-your-enrollment/sass/change-of-address-wrapper.scss b/src/applications/verify-your-enrollment/sass/change-of-address-wrapper.scss
@@ -25,6 +25,7 @@
     opacity: 0 !important;
     position: absolute !important;
 }
+
 .button-container{
     width: 100%;
     display: flex;