TIMOR-TELECOM/revenue-fe
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

numeric format on transfer type

Browse Source
This commit is contained in:
bagusajisaputroo
2025-04-28 20:37:35 +07:00
parent 44c3bf46f4
commit 396f69fd99
1 changed files with 12 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/pages/transfer/transfertype/hooks/ManageTransferTypeContext.tsx
View File

@ -22,6 +22,15 @@ function useDebounce<T>(value: T, delay: number): T {
return debouncedValue; return debouncedValue;
} }
const formatNumber = (num: number): string => {
return num.toLocaleString('en-US', {
style: 'currency',
currency: 'USD',
minimumFractionDigits: 2,
maximumFractionDigits: 2
});
};
interface AccountProps { interface AccountProps {
id: string; id: string;
name: string; name: string;
@ -147,6 +156,7 @@ const ManageTransferTypeContextProvider = ({ children }: { children: React.React
accessorFn: (row) => row.maximum_amount, accessorFn: (row) => row.maximum_amount,
id: 'maximum_amount', id: 'maximum_amount',
header: ({ column }) => <DataGridColumnHeader title="Maximum Amount" column={column} />, header: ({ column }) => <DataGridColumnHeader title="Maximum Amount" column={column} />,
cell: ({ row }) => formatNumber(row.original.maximum_amount),
enableSorting: false, enableSorting: false,
enableHiding: false, enableHiding: false,
meta: { headerClassName: 'w-[250px]' } meta: { headerClassName: 'w-[250px]' }
@ -155,6 +165,7 @@ const ManageTransferTypeContextProvider = ({ children }: { children: React.React
accessorFn: (row) => row.minimum_amount, accessorFn: (row) => row.minimum_amount,
id: 'minimum_amount', id: 'minimum_amount',
header: ({ column }) => <DataGridColumnHeader title="Minimum Amount" column={column} />, header: ({ column }) => <DataGridColumnHeader title="Minimum Amount" column={column} />,
cell: ({ row }) => formatNumber(row.original.minimum_amount),
enableSorting: false, enableSorting: false,
enableHiding: false, enableHiding: false,
meta: { headerClassName: 'w-[250px]' } meta: { headerClassName: 'w-[250px]' }
@ -165,6 +176,7 @@ const ManageTransferTypeContextProvider = ({ children }: { children: React.React
header: ({ column }) => ( header: ({ column }) => (
<DataGridColumnHeader title="Max Transaction Per Day" column={column} /> <DataGridColumnHeader title="Max Transaction Per Day" column={column} />
), ),
cell: ({ row }) => formatNumber(row.original.max_transaction_per_day),
enableSorting: false, enableSorting: false,
enableHiding: false, enableHiding: false,
meta: { headerClassName: 'w-[250px]' } meta: { headerClassName: 'w-[250px]' }