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

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

@@ -308,15 +308,14 @@ 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":
return [
columnHelper.accessor("corporateTransfer", { columnHelper.accessor("corporateTransfer", {
header: "Corporate transfer", header: "Corporate transfer",
cell: (info) => ( cell: (info) => (
<div <div className={containerClassName}>
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}
@@ -327,13 +326,12 @@ export default function PaymentRecord() {
), ),
}), }),
]; ];
case 'agent': return [ case "agent":
return [
columnHelper.accessor("commissionTransfer", { columnHelper.accessor("commissionTransfer", {
header: "Commission transfer", header: "Commission transfer",
cell: (info) => ( cell: (info) => (
<div <div className={containerClassName}>
className={containerClassName}
>
<PaymentAssetManager <PaymentAssetManager
permissions="read" permissions="read"
asset={info.row.original.commissionTransfer} asset={info.row.original.commissionTransfer}
@@ -343,20 +341,18 @@ export default function PaymentRecord() {
</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 <div className={containerClassName}>
className={containerClassName}
>
<PaymentAssetManager <PaymentAssetManager
permissions="read" permissions="read"
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>
), ),
@@ -364,27 +360,23 @@ export default function PaymentRecord() {
columnHelper.accessor("commissionTransfer", { columnHelper.accessor("commissionTransfer", {
header: "Commission transfer", header: "Commission transfer",
cell: (info) => ( cell: (info) => (
<div <div className={containerClassName}>
className={containerClassName}
>
<PaymentAssetManager <PaymentAssetManager
permissions={info.row.original.isPaid ? "read" : "write"} permissions={info.row.original.isPaid ? "read" : "write"}
asset={info.row.original.commissionTransfer} asset={info.row.original.commissionTransfer}
paymentId={info.row.original.id} paymentId={info.row.original.id}
type="commission" type="commission"
/> />
</div> </div>
), ),
}), }),
] ];
case 'developer': return [ case "developer":
return [
columnHelper.accessor("corporateTransfer", { columnHelper.accessor("corporateTransfer", {
header: "Corporate transfer", header: "Corporate transfer",
cell: (info) => ( cell: (info) => (
<div <div className={containerClassName}>
className={containerClassName}
>
<PaymentAssetManager <PaymentAssetManager
permissions="write" permissions="write"
asset={info.row.original.corporateTransfer} asset={info.row.original.corporateTransfer}
@@ -397,9 +389,7 @@ export default function PaymentRecord() {
columnHelper.accessor("commissionTransfer", { columnHelper.accessor("commissionTransfer", {
header: "Commission transfer", header: "Commission transfer",
cell: (info) => ( cell: (info) => (
<div <div className={containerClassName}>
className={containerClassName}
>
<PaymentAssetManager <PaymentAssetManager
permissions="write" permissions="write"
asset={info.row.original.commissionTransfer} asset={info.row.original.commissionTransfer}
@@ -409,13 +399,14 @@ export default function PaymentRecord() {
</div> </div>
), ),
}), }),
] ];
default: return []; 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>
), ),
}), }),