Fix badges for Re-Registration flow as per UXA

bcgov · Jun 3, 2024 · 9259231 · 9259231
1 parent 4e9c2fd
commit 9259231
Show file tree

Hide file tree

Showing 4 changed files with 32 additions and 9 deletions.
diff --git a/ppr-ui/package-lock.json b/ppr-ui/package-lock.json
diff --git a/ppr-ui/package.json b/ppr-ui/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ppr-ui",
-  "version": "3.2.1",
+  "version": "3.2.2",
   "private": true,
   "appName": "Assets UI",
   "sbcName": "SBC Common Components",
@@ -14,7 +14,7 @@
     "test:coverage": "vitest run --coverage"
   },
   "dependencies": {
-    "@bcrs-shared-components/input-field-date-picker" : "^1.0.0",
+    "@bcrs-shared-components/input-field-date-picker": "^1.0.0",
     "@lemoncode/fonk": "^1.5.1",
     "@lemoncode/fonk-range-number-validator": "^1.1.0",
     "@sentry/vue": "^7.50.0",

diff --git a/ppr-ui/src/components/mhrRegistration/ReviewConfirm/HomeLocationReview.vue b/ppr-ui/src/components/mhrRegistration/ReviewConfirm/HomeLocationReview.vue
@@ -130,6 +130,13 @@
                   :currentState="amendedBadgeLocationType.currentState"
                   isCaseSensitive
                 />
+                <UpdatedBadge
+                  v-else-if="isMhrReRegistration"
+                  class="mb-1"
+                  :action="correctionState.action"
+                  :baseline="correctionState.location.baseline"
+                  :currentState="correctionState.location.currentState"
+                />
               </v-col>
               <v-col
                 cols="9"
@@ -179,6 +186,13 @@
                   :currentState="amendedBadgeLocationType.currentState"
                   isCaseSensitive
                 />
+                <UpdatedBadge
+                  v-else-if="isMhrReRegistration"
+                  class="mb-1"
+                  :action="correctionState.action"
+                  :baseline="correctionState.location.baseline"
+                  :currentState="correctionState.location.currentState"
+                />
               </v-col>
               <v-col
                 cols="9"
@@ -221,6 +235,13 @@
                   :currentState="amendedBadgeLocationType.currentState"
                   isCaseSensitive
                 />
+                <UpdatedBadge
+                  v-else-if="isMhrReRegistration"
+                  class="mb-1"
+                  :action="correctionState.action"
+                  :baseline="correctionState.location.baseline"
+                  :currentState="correctionState.location.currentState"
+                />
               </v-col>
               <v-col
                 v-if="hasManualEntries"
@@ -422,7 +443,7 @@
           >
             <v-col>
               <UpdatedBadge
-                v-if="showUpdatedBadge"
+                v-if="isMhrCorrection"
                 class="mb-1"
                 :action="correctionState.action"
                 :baseline="correctionState.location.baseline"
@@ -646,7 +667,8 @@ export default defineComponent({
       getMhrOriginalTransportPermit,
       getMhrOriginalTransportPermitHomeLocation,
       getMhrTransportPermitPreviousLocation,
-      getMhrTransportPermitHomeLocation
+      getMhrTransportPermitHomeLocation,
+      isMhrReRegistration
     } = storeToRefs(useStore())
 
     const {
@@ -802,6 +824,7 @@ export default defineComponent({
       isCancelChangeLocationActive,
       correctionState,
       isMhrCorrection,
+      isMhrReRegistration,
       showUpdatedBadge,
       ...toRefs(localState)
     }

diff --git a/ppr-ui/src/views/newMhrRegistration/HomeLocation.vue b/ppr-ui/src/views/newMhrRegistration/HomeLocation.vue
@@ -35,7 +35,7 @@
           :locationTypeInfo="getMhrRegistrationLocation"
           :validate="getValidation(MhrSectVal.REVIEW_CONFIRM_VALID, MhrCompVal.VALIDATE_STEPS)"
           :class="{ 'border-error-left': validateLocationType }"
-          :updatedBadge="isMhrCorrection ? correctionState.location : null"
+          :updatedBadge="(isMhrCorrection || isMhrReRegistration) ? correctionState.location : null"
           @setStoreProperty="setMhrLocation($event)"
           @isValid="setValidation(MhrSectVal.LOCATION_VALID, MhrCompVal.LOCATION_TYPE_VALID, $event)"
         />
@@ -56,7 +56,7 @@
           :schema="CivicAddressSchema"
           :validate="validateCivicAddress"
           :class="{ 'border-error-left': validateCivicAddress }"
-          :updatedBadge="isMhrCorrection ? correctionState.civicAddress : null"
+          :updatedBadge="(isMhrCorrection || isMhrReRegistration) ? correctionState.civicAddress : null"
           @setStoreProperty="setCivicAddress('mhrRegistration', $event)"
           @isValid="setValidation(MhrSectVal.LOCATION_VALID, MhrCompVal.CIVIC_ADDRESS_VALID, $event)"
         />
@@ -79,7 +79,7 @@
             description: 'Is the manufactured home located on land that the homeowners own or on ' +
               'land that they have a registered lease of 3 years or more?'
           }"
-          :updatedBadge="isMhrCorrection ? correctionState.landDetails : null"
+          :updatedBadge="(isMhrCorrection || isMhrReRegistration) ? correctionState.landDetails : null"
           @setStoreProperty="setMhrRegistrationOwnLand($event)"
           @isValid="setValidation(MhrSectVal.LOCATION_VALID, MhrCompVal.LAND_DETAILS_VALID, $event)"
         />