19755 - Format RS Refund Amount (#222)

* format RS refund amount * 1.2.8
bcgov · Feb 13, 2024 · c500fdc · c500fdc
1 parent b35cd96
commit c500fdc
Show file tree

Hide file tree

Showing 5 changed files with 13 additions and 5 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "fas-ui",
-  "version": "1.2.7",
+  "version": "1.2.8",
   "private": true,
   "main": "./lib/lib.umd.min.js",
   "appName": "FAS UI",

diff --git a/src/components/ViewRoutingSlip/RefundRequestForm.vue b/src/components/ViewRoutingSlip/RefundRequestForm.vue
@@ -3,7 +3,7 @@
     <v-row>
       <v-col
         class="col-3 font-weight-bold pb-0"
-        v-if="isEditing || name"
+        v-if="isEditing || name || address"
       >
         {{ 'Name of Person or Organization & Address' }}
       </v-col>

diff --git a/src/components/ViewRoutingSlip/RoutingSlipInfo.vue b/src/components/ViewRoutingSlip/RoutingSlipInfo.vue
@@ -62,7 +62,7 @@
                 Refund Amount
               </v-col>
               <v-col class="col-6 col-sm-9">
-                {{ routingSlipDetails.refundAmount || routingSlipDetails.remainingAmount }}
+                {{ refundAmount }}
               </v-col>
             </v-row>
 
@@ -173,6 +173,7 @@ import can from '@/directives/can'
       statusChange,
       showAddress,
       showRefundAmount,
+      refundAmount,
       refundRequestForm,
       refundRequestDetails,
       errorMessage,
@@ -197,6 +198,7 @@ import can from '@/directives/can'
       statusChange,
       showAddress,
       showRefundAmount,
+      refundAmount,
       refundRequestForm,
       refundRequestDetails,
       errorMessage,

diff --git a/src/composables/ViewRoutingSlip/useRoutingSlipInfo.ts b/src/composables/ViewRoutingSlip/useRoutingSlipInfo.ts
@@ -37,6 +37,11 @@ export default function useRoutingSlipInfo (props) {
     return routingSlip.value || {}
   })
 
+  const refundAmount = computed(() => {
+    const amount = routingSlipDetails.value.refundAmount ?? routingSlipDetails.value.remainingAmount
+    return amount ? CommonUtils.appendCurrencySymbol(amount.toFixed(2)) : '$0.00'
+  })
+
   const { t } = useI18n()
 
   const modalText = computed(() => {
@@ -281,6 +286,7 @@ export default function useRoutingSlipInfo (props) {
     statusChange,
     showAddress,
     showRefundAmount,
+    refundAmount,
     refundRequestForm,
     refundRequestDetails,
     errorMessage,