updated statuses formatting method

Signed-off-by: Qin <[email protected]>
bcgov · Aug 22, 2024 · 2d66e35 · 2d66e35
1 parent 8af6076
commit 2d66e35
Showing 1 changed file with 9 additions and 6 deletions.
diff --git a/auth-web/src/components/auth/staff/continuation-application/ContinuationApplicationTable.vue b/auth-web/src/components/auth/staff/continuation-application/ContinuationApplicationTable.vue
@@ -306,11 +306,7 @@
                               </template>
                               <span>
                                 <!-- when hover over 'Multiple Selected' showing what are selected. -->
-                                {{
-                                  reviewParams[header.value]
-                                    .map(statusValue => statusTypes.find(status => status.value === statusValue)?.text)
-                                    .join(', ')
-                                }}
+                                {{ formattedStatuses() }}
                               </span>
                             </v-tooltip>
                             <!-- Display the item text if only one is selected -->
@@ -645,6 +641,12 @@ export default defineComponent({
       }
     }
 
+    function formattedStatuses () : string {
+      return state.reviewParams['status']
+        .map(statusValue => state.statusTypes.find(status => status.value === statusValue)?.text)
+        .join(', ')
+    }
+
     function changeSort (column: string) {
       if (state.sortBy === column) {
         state.sortDesc = !this.sortDesc
@@ -684,7 +686,8 @@ export default defineComponent({
       expiredDate,
       updateItemsPerPage,
       updateDateRange,
-      updateEffectiveDateRange
+      updateEffectiveDateRange,
+      formattedStatuses
     }
   }
 })