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(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 }) => ( ), - 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]' }