From eba12e451a8ff3d1b791b2a1c3030e63c13d9a8c Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Mon, 10 Mar 2025 10:23:01 +0700
Subject: [PATCH] fix: revert number formatting in DataDisplay and restore
 original value in ChartReceipt

---
 src/components/08_request-list/DataDisplay.vue | 3 +--
 src/pages/15_dash-board/chart/ChartReceipt.vue | 6 +++---
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/components/08_request-list/DataDisplay.vue b/src/components/08_request-list/DataDisplay.vue
index b344a5bb..30a8e52b 100644
--- a/src/components/08_request-list/DataDisplay.vue
+++ b/src/components/08_request-list/DataDisplay.vue
@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import { Icon } from '@iconify/vue/dist/iconify.js';
-import { formatNumberDecimal } from 'src/stores/utils';
 
 defineEmits<{ (e: 'labelClick', value: string, index: number | null): void }>();
 
@@ -39,7 +38,7 @@ withDefaults(
             v-if="typeof value === 'string'"
             @click="$emit('labelClick', value, null)"
           >
-            {{ formatNumberDecimal(+value, 2) }}
+            {{ value }}
             <q-tooltip v-if="tooltip" :delay="500">{{ value }}</q-tooltip>
           </span>
           <span v-else :class="{ 'link cursor-pointer': clickable }">
diff --git a/src/pages/15_dash-board/chart/ChartReceipt.vue b/src/pages/15_dash-board/chart/ChartReceipt.vue
index 75258162..4e367ed6 100644
--- a/src/pages/15_dash-board/chart/ChartReceipt.vue
+++ b/src/pages/15_dash-board/chart/ChartReceipt.vue
@@ -3,8 +3,7 @@ import { Icon } from '@iconify/vue/dist/iconify.js';
 import VueApexCharts from 'vue3-apexcharts';
 import DataDisplay from 'src/components/08_request-list/DataDisplay.vue';
 import { computed } from 'vue';
-import { useI18n } from 'vue-i18n';
-const { locale } = useI18n({ useScope: 'global' });
+import { formatNumberDecimal } from 'src/stores/utils';
 
 const prop = withDefaults(
   defineProps<{
@@ -22,6 +21,7 @@ const prop = withDefaults(
     categories: () => ['Jan', 'Feb', 'Mar'],
   },
 );
+
 const chartOptions = computed(() => {
   return {
     colors: ['#035aa1', '#ae3ec9', '#ffa94d', '#e64980'],
@@ -91,7 +91,7 @@ const detail = [
         </q-avatar>
         <DataDisplay
           :label="$t(`dashboard.receipt.${v.label}`)"
-          :value="summary[i].toString()"
+          :value="formatNumberDecimal(summary[i], 2)"
         />
       </span>
     </div>