From 396f69fd9990dd26561ca52474fd133126d5e2e8 Mon Sep 17 00:00:00 2001
From: bagusajisaputroo <bagusajisaputro21@gmail.com>
Date: Mon, 28 Apr 2025 20:37:35 +0700
Subject: [PATCH] numeric format on transfer type

---
 .../transfertype/hooks/ManageTransferTypeContext.tsx | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/src/pages/transfer/transfertype/hooks/ManageTransferTypeContext.tsx b/src/pages/transfer/transfertype/hooks/ManageTransferTypeContext.tsx
index 2253d83..1167b49 100644
--- a/src/pages/transfer/transfertype/hooks/ManageTransferTypeContext.tsx
+++ b/src/pages/transfer/transfertype/hooks/ManageTransferTypeContext.tsx
@@ -22,6 +22,15 @@ function useDebounce<T>(value: T, delay: number): T {
   return debouncedValue;
 }
 
+const formatNumber = (num: number): string => {
+  return num.toLocaleString('en-US', {
+    style: 'currency',
+    currency: 'USD',
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 2
+  });
+};
+
 interface AccountProps {
   id: string;
   name: string;
@@ -147,6 +156,7 @@ const ManageTransferTypeContextProvider = ({ children }: { children: React.React
         accessorFn: (row) => row.maximum_amount,
         id: 'maximum_amount',
         header: ({ column }) => <DataGridColumnHeader title="Maximum Amount" column={column} />,
+        cell: ({ row }) => formatNumber(row.original.maximum_amount),
         enableSorting: false,
         enableHiding: false,
         meta: { headerClassName: 'w-[250px]' }
@@ -155,6 +165,7 @@ const ManageTransferTypeContextProvider = ({ children }: { children: React.React
         accessorFn: (row) => row.minimum_amount,
         id: 'minimum_amount',
         header: ({ column }) => <DataGridColumnHeader title="Minimum Amount" column={column} />,
+        cell: ({ row }) => formatNumber(row.original.minimum_amount),
         enableSorting: false,
         enableHiding: false,
         meta: { headerClassName: 'w-[250px]' }
@@ -165,6 +176,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),
         enableSorting: false,
         enableHiding: false,
         meta: { headerClassName: 'w-[250px]' }