Add Info Modal to /finalization page

bcgov · Sep 20, 2024 · b671a66 · b671a66
1 parent 3c1b83b
commit b671a66
Show file tree

Hide file tree

Showing 7 changed files with 17 additions and 6 deletions.
diff --git a/strr-web/lang/en.json b/strr-web/lang/en.json
@@ -367,7 +367,8 @@
     },
     "helpModal": {
       "header": "Need Help?",
-      "openButtonLabel": "Help with setting up an account"
+      "openButtonLabel": "Help with setting up an account",
+      "contactUs": "If you need help with setting up your BC Registries and Online Services account, please contact us."
     }
   },
   "header": {

diff --git a/strr-web/pages/account-select.vue b/strr-web/pages/account-select.vue
@@ -9,7 +9,7 @@
           class="mb-6"
         >
           <p class="mb-10">
-            If you need help with setting up your BC Registries and Online Services account, please contact us.
+            {{ t('account.helpModal.contactUs') }}
           </p>
         </InfoModal>
         <BcrosAlertsMessage :flavour="alertFlavour">

diff --git a/strr-web/pages/application-status.vue b/strr-web/pages/application-status.vue
@@ -1,5 +1,5 @@
 <template>
-  <div data-test-id="account-select-page">
+  <div data-test-id="application-status-page">
     <BcrosTypographyH1
       :text="tRegistrationStatus('title')"
       data-test-id="account-page-title"

diff --git a/strr-web/pages/finalization.vue b/strr-web/pages/finalization.vue
@@ -9,6 +9,15 @@
       <p class="mb-[20px] mobile:px-[8px]">
         {{ tFinalization('subtitle') }}
       </p>
+      <InfoModal
+        :header="t('account.helpModal.header')"
+        :open-button-label="t('account.helpModal.openButtonLabel')"
+        class="mb-6"
+      >
+        <p class="mb-10">
+          {{ t('account.helpModal.contactUs') }}
+        </p>
+      </InfoModal>
       <div class="desktop:mb-[132px] mobile:mb-[40px] pb-[32px] bg-white rounded-[4px] padding-[40px]">
         <div class="bg-bcGovColor-gray2 rounded-t-[4px]">
           <p class="px-[40px] mobile:px-[8px] py-[15px] font-bold">
@@ -102,6 +111,7 @@
 
 <script setup lang="ts">
 import { SbcCreationResponseE } from '~/enums/sbc-creation-response-e'
+import InfoModal from '~/components/common/InfoModal.vue'
 
 const { t } = useTranslation()
 const tFinalization = (translationKey: string) => t(`finalization.${translationKey}`)

diff --git a/strr-web/pages/listing-details/[listingId].vue b/strr-web/pages/listing-details/[listingId].vue
@@ -1,5 +1,5 @@
 <template>
-  <div data-test-id="account-select-page">
+  <div data-test-id="listing-details-page">
     <BcrosTypographyH1
       :text="tApplicationConfirm('submitted')"
       data-test-id="account-page-title"

diff --git a/strr-web/pages/success/[id].vue b/strr-web/pages/success/[id].vue
@@ -1,5 +1,5 @@
 <template>
-  <div data-test-id="account-select-page">
+  <div data-test-id="application-submitted-page">
     <BcrosTypographyH1
       :text="tApplicationConfirm('submitted')"
       data-test-id="account-page-title"

diff --git a/strr-web/pages/success/[registrationId]/invoice/[paymentId].vue b/strr-web/pages/success/[registrationId]/invoice/[paymentId].vue
@@ -1,5 +1,5 @@
 <template>
-  <div data-test-id="account-select-page">
+  <div data-test-id="invoice-page">
     <BcrosTypographyH1
       :text="tApplicationConfirm('submitted')"
       data-test-id="account-page-title"