From b8cadc03c0c81dcfdd7dc2419d4117a8208ff272 Mon Sep 17 00:00:00 2001
From: bagusajisaputroo <bagusajisaputro21@gmail.com>
Date: Sun, 18 May 2025 11:37:53 +0700
Subject: [PATCH] remove $ on table and remove decimal on max transaction per
 day in transfer type module

---
 src/pages/transfer/transfertype/blocks/AddDialog.tsx |  4 ++++
 .../transfer/transfertype/blocks/EditDialog.tsx      |  4 ++++
 .../transfertype/hooks/ManageTransferTypeContext.tsx | 12 +++++++++---
 3 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/src/pages/transfer/transfertype/blocks/AddDialog.tsx b/src/pages/transfer/transfertype/blocks/AddDialog.tsx
index dd4a50e..8977d5c 100644
--- a/src/pages/transfer/transfertype/blocks/AddDialog.tsx
+++ b/src/pages/transfer/transfertype/blocks/AddDialog.tsx
@@ -378,6 +378,10 @@ const AddDialog = () => {
                         thousandSeparator="."
                         decimalSeparator=","
                         allowNegative={false}
+                        decimalScale={0}
+                        isAllowed={({ floatValue }) =>
+                          floatValue === undefined || Number.isInteger(floatValue)
+                        }
                         onValueChange={(values) => {
                           setFormField((prev) => ({
                             ...prev,
diff --git a/src/pages/transfer/transfertype/blocks/EditDialog.tsx b/src/pages/transfer/transfertype/blocks/EditDialog.tsx
index 85d4f67..a9c771c 100644
--- a/src/pages/transfer/transfertype/blocks/EditDialog.tsx
+++ b/src/pages/transfer/transfertype/blocks/EditDialog.tsx
@@ -574,6 +574,10 @@ const EditDialog = () => {
                             thousandSeparator="."
                             decimalSeparator=","
                             allowNegative={false}
+                            decimalScale={0}
+                            isAllowed={({ floatValue }) =>
+                              floatValue === undefined || Number.isInteger(floatValue)
+                            }
                             onValueChange={(values) => {
                               setFormField((prev) => ({
                                 ...prev,
diff --git a/src/pages/transfer/transfertype/hooks/ManageTransferTypeContext.tsx b/src/pages/transfer/transfertype/hooks/ManageTransferTypeContext.tsx
index ad13ccb..736d83b 100644
--- a/src/pages/transfer/transfertype/hooks/ManageTransferTypeContext.tsx
+++ b/src/pages/transfer/transfertype/hooks/ManageTransferTypeContext.tsx
@@ -24,13 +24,19 @@ function useDebounce<T>(value: T, delay: number): T {
 
 const formatNumber = (num: number): string => {
   return num.toLocaleString('en-US', {
-    style: 'currency',
-    currency: 'USD',
+    style: 'decimal',
     minimumFractionDigits: 2,
     maximumFractionDigits: 2
   });
 };
 
+const formatInteger = (num: number): string => {
+  return num.toLocaleString('en-US', {
+    style: 'decimal',
+    maximumFractionDigits: 0
+  })
+}
+
 interface AccountProps {
   id: string;
   name: string;
@@ -195,7 +201,7 @@ const ManageTransferTypeContextProvider = ({ children }: { children: React.React
         header: ({ column }) => (
           <DataGridColumnHeader title="Max Transaction Per Day" column={column} />
         ),
-        cell: ({ row }) => formatNumber(row.original.max_transaction_per_day),
+        cell: ({ row }) => formatInteger(row.original.max_transaction_per_day),
         enableSorting: false,
         enableHiding: false,
         meta: { headerClassName: 'w-[250px]' }