devops/encoach_frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added a Fixed decimal point for the payment records

Browse Source
This commit is contained in:
Tiago Ribeiro
2023-12-14 09:52:47 +00:00
parent e2b6061310
commit d57223bd01
1 changed files with 98 additions and 107 deletions
Download Patch File Download Diff File Expand all files Collapse all files

205
src/pages/payment-record.tsx
View File

@@ -307,115 +307,106 @@ export default function PaymentRecord() {
}; };
const getFileAssetsColumns = () => { const getFileAssetsColumns = () => {
if(user) { 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) { switch (user.type) {
case 'corporate': return [ case "corporate":
columnHelper.accessor("corporateTransfer", { return [
header: "Corporate transfer", columnHelper.accessor("corporateTransfer", {
cell: (info) => ( header: "Corporate transfer",
<div cell: (info) => (
className={containerClassName} <div className={containerClassName}>
> <PaymentAssetManager
<PaymentAssetManager permissions={info.row.original.isPaid ? "read" : "write"}
permissions={info.row.original.isPaid ? "read" : "write"} asset={info.row.original.corporateTransfer}
asset={info.row.original.corporateTransfer} paymentId={info.row.original.id}
paymentId={info.row.original.id} type="corporate"
type="corporate" />
/> </div>
</div> ),
), }),
}), ];
]; case "agent":
case 'agent': return [ return [
columnHelper.accessor("commissionTransfer", { columnHelper.accessor("commissionTransfer", {
header: "Commission transfer", header: "Commission transfer",
cell: (info) => ( cell: (info) => (
<div <div className={containerClassName}>
className={containerClassName} <PaymentAssetManager
> permissions="read"
<PaymentAssetManager asset={info.row.original.commissionTransfer}
permissions="read" paymentId={info.row.original.id}
asset={info.row.original.commissionTransfer} type="commission"
paymentId={info.row.original.id} />
type="commission" </div>
/> ),
</div> }),
), ];
}), case "admin":
] return [
case 'admin': return [ columnHelper.accessor("corporateTransfer", {
columnHelper.accessor("corporateTransfer", { header: "Corporate transfer",
header: "Corporate transfer", cell: (info) => (
cell: (info) => ( <div className={containerClassName}>
<div <PaymentAssetManager
className={containerClassName} permissions="read"
> asset={info.row.original.corporateTransfer}
<PaymentAssetManager paymentId={info.row.original.id}
permissions="read" type="corporate"
asset={info.row.original.corporateTransfer} />
paymentId={info.row.original.id} </div>
type="corporate" ),
}),
/> columnHelper.accessor("commissionTransfer", {
</div> header: "Commission transfer",
), cell: (info) => (
}), <div className={containerClassName}>
columnHelper.accessor("commissionTransfer", { <PaymentAssetManager
header: "Commission transfer", permissions={info.row.original.isPaid ? "read" : "write"}
cell: (info) => ( asset={info.row.original.commissionTransfer}
<div paymentId={info.row.original.id}
className={containerClassName} type="commission"
> />
<PaymentAssetManager </div>
permissions={info.row.original.isPaid ? "read" : "write"} ),
asset={info.row.original.commissionTransfer} }),
paymentId={info.row.original.id} ];
type="commission" case "developer":
return [
/> columnHelper.accessor("corporateTransfer", {
</div> header: "Corporate transfer",
), cell: (info) => (
}), <div className={containerClassName}>
] <PaymentAssetManager
case 'developer': return [ permissions="write"
columnHelper.accessor("corporateTransfer", { asset={info.row.original.corporateTransfer}
header: "Corporate transfer", paymentId={info.row.original.id}
cell: (info) => ( type="corporate"
<div />
className={containerClassName} </div>
> ),
<PaymentAssetManager }),
permissions="write" columnHelper.accessor("commissionTransfer", {
asset={info.row.original.corporateTransfer} header: "Commission transfer",
paymentId={info.row.original.id} cell: (info) => (
type="corporate" <div className={containerClassName}>
/> <PaymentAssetManager
</div> permissions="write"
), asset={info.row.original.commissionTransfer}
}), paymentId={info.row.original.id}
columnHelper.accessor("commissionTransfer", { type="commission"
header: "Commission transfer", />
cell: (info) => ( </div>
<div ),
className={containerClassName} }),
> ];
<PaymentAssetManager default:
permissions="write" return [];
asset={info.row.original.commissionTransfer}
paymentId={info.row.original.id}
type="commission"
/>
</div>
),
}),
]
default: return [];
} }
} }
return []; return [];
} };
const defaultColumns = [ const defaultColumns = [
columnHelper.accessor("id", { columnHelper.accessor("id", {
header: "ID", header: "ID",
@@ -440,7 +431,7 @@ export default function PaymentRecord() {
header: "Amount", header: "Amount",
cell: (info) => ( cell: (info) => (
<span> <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> </span>
), ),
}), }),
@@ -462,7 +453,7 @@ export default function PaymentRecord() {
header: "Commission Value", header: "Commission Value",
cell: (info) => ( cell: (info) => (
<span> <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> </span>
), ),
}), }),