diff --git a/src/pages/master/walletRule/hooks/ManageWalletRuleContext.tsx b/src/pages/master/walletRule/hooks/ManageWalletRuleContext.tsx index eb25709..fe6232a 100644 --- a/src/pages/master/walletRule/hooks/ManageWalletRuleContext.tsx +++ b/src/pages/master/walletRule/hooks/ManageWalletRuleContext.tsx @@ -79,6 +79,14 @@ const ManageWalletRuleContextProvider = ({ children }: { children: React.ReactNo [] ); + const currencyFormat = (value: number) => + new Intl.NumberFormat('en-US', { + style: 'currency', + currency: 'USD', + minimumFractionDigits: 0, + maximumFractionDigits: 0 + }).format(value); + const columns = useMemo[]>( () => [ { @@ -87,9 +95,7 @@ const ManageWalletRuleContextProvider = ({ children }: { children: React.ReactNo header: ({ column }) => , enableSorting: true, enableHiding: false, - meta: { - headerClassName: 'w-[250px]' - } + meta: { headerClassName: 'w-[250px]' } }, { accessorFn: (row) => row.group.name, @@ -97,9 +103,7 @@ const ManageWalletRuleContextProvider = ({ children }: { children: React.ReactNo header: ({ column }) => , enableSorting: true, enableHiding: false, - meta: { - headerClassName: 'w-[250px]' - } + meta: { headerClassName: 'w-[250px]' } }, { accessorFn: (row) => row.balance_minimum, @@ -107,9 +111,8 @@ const ManageWalletRuleContextProvider = ({ children }: { children: React.ReactNo header: ({ column }) => , enableSorting: true, enableHiding: false, - meta: { - headerClassName: 'w-[250px]' - } + cell: ({ row }) => currencyFormat(row.original.balance_minimum), + meta: { headerClassName: 'w-[250px]' } }, { accessorFn: (row) => row.balance_maximum, @@ -117,9 +120,8 @@ const ManageWalletRuleContextProvider = ({ children }: { children: React.ReactNo header: ({ column }) => , enableSorting: true, enableHiding: false, - meta: { - headerClassName: 'w-[250px]' - } + cell: ({ row }) => currencyFormat(row.original.balance_maximum), + meta: { headerClassName: 'w-[250px]' } }, { accessorFn: (row) => row.credit_limit, @@ -127,9 +129,8 @@ const ManageWalletRuleContextProvider = ({ children }: { children: React.ReactNo header: ({ column }) => , enableSorting: true, enableHiding: false, - meta: { - headerClassName: 'w-[250px]' - } + cell: ({ row }) => currencyFormat(row.original.credit_limit), + meta: { headerClassName: 'w-[250px]' } }, { accessorFn: (row) => row.max_transaction_per_day, @@ -139,9 +140,8 @@ const ManageWalletRuleContextProvider = ({ children }: { children: React.ReactNo ), enableSorting: true, enableHiding: false, - meta: { - headerClassName: 'w-[250px]' - } + cell: ({ row }) => currencyFormat(row.original.max_transaction_per_day), + meta: { headerClassName: 'w-[250px]' } }, { accessorFn: (row) => row.monthly_limit, @@ -149,9 +149,8 @@ const ManageWalletRuleContextProvider = ({ children }: { children: React.ReactNo header: ({ column }) => , enableSorting: true, enableHiding: false, - meta: { - headerClassName: 'w-[250px]' - } + cell: ({ row }) => currencyFormat(row.original.monthly_limit), + meta: { headerClassName: 'w-[250px]' } }, { accessorFn: (row) => row.status, @@ -161,7 +160,6 @@ const ManageWalletRuleContextProvider = ({ children }: { children: React.ReactNo enableHiding: false, cell: ({ row }) => { const isActive = row.original.status === 'Y'; - return ( - {/* */} ); },