25238 - add tooltip for Physical Address section title

patrickpeinanw · Jan 28, 2025 · c9e0830 · c9e0830
1 parent 1463c8f
commit c9e0830
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 5 deletions.
diff --git a/btr-web/btr-common-components/components/bcros/section/index.vue b/btr-web/btr-common-components/components/bcros/section/index.vue
@@ -55,15 +55,28 @@
             'w-full': sectionTitleFull
           }"
         >
-          <span class="font-bold min-w-[190px] mt-3" :class="showSectionHasErrors ? 'text-red-500' : ''">
+          <div class="font-bold min-w-[190px] mt-3" :class="showSectionHasErrors ? 'text-red-500' : ''">
             <UIcon
               v-if="sectionTitleIcon"
               class="text-2xl align-bottom"
               :name="sectionTitleIcon"
               :class="sectionIconColor ? sectionIconColor : ''"
             />
-            {{ sectionTitle }}
-          </span>
+            <BcrosTooltip
+              v-if="sectionTitleTooltip"
+              :text="sectionTitleTooltip"
+              :popper="{
+                placement: 'bottom',
+                arrow: true,
+                resize: true
+              }"
+            >
+              <span class="underline decoration-dotted">{{ sectionTitle }}</span>
+            </BcrosTooltip>
+            <span v-else>
+              {{ sectionTitle }}
+            </span>
+          </div>
         </div>
       </slot>
       <slot name="default" />
@@ -79,6 +92,7 @@ const props = defineProps({
   sectionTitle: { type: String, required: false, default: undefined },
   sectionTitleIcon: { type: String, required: false, default: undefined },
   sectionIconColor: { type: String, required: false, default: '' },
+  sectionTitleTooltip: { type: String, required: false, default: undefined },
 
   headerIconName: { type: String, required: false, default: undefined },
   headerTitle: { type: String, required: false, default: undefined },

diff --git a/btr-web/btr-main-app/components/individual-person/add-new/index.vue b/btr-web/btr-main-app/components/individual-person/add-new/index.vue
@@ -256,8 +256,9 @@
       <BcrosSection
         id="address"
         :show-section-has-errors="hasErrors(['address.'])"
-        :section-title="$t('labels.lastKnownAddress')"
+        :section-title="$t('labels.physicalAddress')"
         :border="editMode"
+        :section-title-tooltip="$t('helpTexts.physicalAddress.tooltip')"
         no-top-border
       >
         <div class="flex-col w-full">

diff --git a/btr-web/btr-main-app/lang/en.json b/btr-web/btr-main-app/lang/en.json
@@ -69,7 +69,7 @@
     "effectiveDates": "Effective Dates",
     "significantIndividuals": "Significant Individuals",
     "significantIndividualChangeDate": "Significant Individual Filing Effective Date",
-    "lastKnownAddress": "Address",
+    "physicalAddress": "Physical Address",
     "mailingAddress": "Mailing Address",
     "citizenshipPermanentResidency": "Citizenship / Permanent Residency",
     "taxNumber": "Canada Revenue Agency (CRA) Tax Number",
@@ -356,6 +356,9 @@
     }
   },
   "helpTexts": {
+    "physicalAddress": {
+      "tooltip": "This is the address at which the individual can be found or served with documents in-person during regular business hours."
+    },
     "phoneNumber": {
       "tooltip": "Please double check your records and if you cannot match the info please check the section below: Unable to obtain information and detail steps taken.",
       "hint": "Enter phone number (numbers only)"