Added a Fixed decimal point for the payment records

This commit is contained in:
Tiago Ribeiro
2023-12-14 09:52:47 +00:00
parent e2b6061310
commit d57223bd01

View File

@@ -308,15 +308,14 @@ export default function PaymentRecord() {
const getFileAssetsColumns = () => {
if (user) {
const containerClassName = "flex gap-2 text-mti-purple-light hover:text-mti-purple-dark ease-in-out duration-300 cursor-pointer"
const containerClassName = "flex gap-2 text-mti-purple-light hover:text-mti-purple-dark ease-in-out duration-300 cursor-pointer";
switch (user.type) {
case 'corporate': return [
case "corporate":
return [
columnHelper.accessor("corporateTransfer", {
header: "Corporate transfer",
cell: (info) => (
<div
className={containerClassName}
>
<div className={containerClassName}>
<PaymentAssetManager
permissions={info.row.original.isPaid ? "read" : "write"}
asset={info.row.original.corporateTransfer}
@@ -327,13 +326,12 @@ export default function PaymentRecord() {
),
}),
];
case 'agent': return [
case "agent":
return [
columnHelper.accessor("commissionTransfer", {
header: "Commission transfer",
cell: (info) => (
<div
className={containerClassName}
>
<div className={containerClassName}>
<PaymentAssetManager
permissions="read"
asset={info.row.original.commissionTransfer}
@@ -343,20 +341,18 @@ export default function PaymentRecord() {
</div>
),
}),
]
case 'admin': return [
];
case "admin":
return [
columnHelper.accessor("corporateTransfer", {
header: "Corporate transfer",
cell: (info) => (
<div
className={containerClassName}
>
<div className={containerClassName}>
<PaymentAssetManager
permissions="read"
asset={info.row.original.corporateTransfer}
paymentId={info.row.original.id}
type="corporate"
/>
</div>
),
@@ -364,27 +360,23 @@ export default function PaymentRecord() {
columnHelper.accessor("commissionTransfer", {
header: "Commission transfer",
cell: (info) => (
<div
className={containerClassName}
>
<div className={containerClassName}>
<PaymentAssetManager
permissions={info.row.original.isPaid ? "read" : "write"}
asset={info.row.original.commissionTransfer}
paymentId={info.row.original.id}
type="commission"
/>
</div>
),
}),
]
case 'developer': return [
];
case "developer":
return [
columnHelper.accessor("corporateTransfer", {
header: "Corporate transfer",
cell: (info) => (
<div
className={containerClassName}
>
<div className={containerClassName}>
<PaymentAssetManager
permissions="write"
asset={info.row.original.corporateTransfer}
@@ -397,9 +389,7 @@ export default function PaymentRecord() {
columnHelper.accessor("commissionTransfer", {
header: "Commission transfer",
cell: (info) => (
<div
className={containerClassName}
>
<div className={containerClassName}>
<PaymentAssetManager
permissions="write"
asset={info.row.original.commissionTransfer}
@@ -409,13 +399,14 @@ export default function PaymentRecord() {
</div>
),
}),
]
default: return [];
];
default:
return [];
}
}
return [];
}
};
const defaultColumns = [
columnHelper.accessor("id", {
header: "ID",
@@ -440,7 +431,7 @@ export default function PaymentRecord() {
header: "Amount",
cell: (info) => (
<span>
{info.getValue()} {CURRENCIES.find((x) => x.currency === info.row.original.currency)?.label}
{info.getValue().toFixed(2)} {CURRENCIES.find((x) => x.currency === info.row.original.currency)?.label}
</span>
),
}),
@@ -462,7 +453,7 @@ export default function PaymentRecord() {
header: "Commission Value",
cell: (info) => (
<span>
{info.getValue()} {CURRENCIES.find((x) => x.currency === info.row.original.currency)?.label}
{info.getValue().toFixed(2)} {CURRENCIES.find((x) => x.currency === info.row.original.currency)?.label}
</span>
),
}),