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

update

Browse Source
This commit is contained in:
wayanrivan
2025-05-23 14:59:44 +07:00
parent c372de7dc5
commit 8b316957d8
2 changed files with 140 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

87
src/pages/transaction/approval-transaction/blocks/DetailApprovalTransaction.tsx
View File

@ -224,8 +224,7 @@ const DetailApprovalTransaction = () => {
</div> </div>
<div> <div>
<p className="text-sm text-gray-500">Full Name</p> <p className="text-sm text-gray-500">Full Name</p>
<p className="font-medium"> <p className="font-medium">{transactionDetails?.origin_name ?? ""}</p>
{transactionDetails?.origin_customer?.fullname ?? transactionDetails?.origin_customer?.origin_name} </p>
</div> </div>
<div> <div>
@ -299,7 +298,32 @@ const DetailApprovalTransaction = () => {
kind = 'RETURN'; kind = 'RETURN';
} else if (transactionDetails?.kind === 'E') { } else if (transactionDetails?.kind === 'E') {
kind = 'REWARD'; kind = 'REWARD';
} else if (transactionDetails?.kind === 'L') {
kind = 'PURCHASE LOJA';
} else if (transactionDetails?.kind === 'B') {
kind = 'TOP UP P24';
} else if (transactionDetails?.kind === 'A') {
kind = 'TRANSFER AGENT';
} else if (transactionDetails?.kind === 'M') {
kind = 'WITHDRAWAL AGENT';
} else if (transactionDetails?.kind === 'O') {
kind = 'TOPUP AGENT';
} else if (transactionDetails?.kind === 'S') {
kind = 'TOPUP P24';
} else if (transactionDetails?.kind === 'I') {
kind = 'WITHDRAW MERCHANT';
} else if (transactionDetails?.kind === 'D') {
kind = 'DONATION';
} else if (transactionDetails?.kind === 'F') {
kind = 'FEE';
} else if (transactionDetails?.kind === 'V') {
kind = 'REVERSAL';
} else if (transactionDetails?.kind === 'C') {
kind = 'CASHBACK CASH';
} else if (transactionDetails?.kind === 'H') {
kind = 'CASHBACK POINT';
} }
return kind; return kind;
})()} })()}
</p> </p>
@ -419,7 +443,7 @@ const DetailApprovalTransaction = () => {
Info Info
</span> </span>
</h3> </h3>
<div className="grid grid-cols-2 gap-4"> <div className="grid grid-cols-3 gap-4">
<div> <div>
<p className="text-sm text-gray-500">Transaction Date</p> <p className="text-sm text-gray-500">Transaction Date</p>
<p className="font-medium">{transactionDetails?.transaction_date <p className="font-medium">{transactionDetails?.transaction_date
@ -436,9 +460,7 @@ const DetailApprovalTransaction = () => {
</div> </div>
<div> <div>
<p className="text-sm text-gray-500">Full Name</p> <p className="text-sm text-gray-500">Full Name</p>
<p className="font-medium"> <p className="font-medium">{transactionDetails?.origin_name ?? ""}</p>
{transactionDetails?.origin_customer?.fullname ?? transactionDetails?.origin_customer?.origin_name}
</p>
</div> </div>
<div> <div>
<p className="text-sm text-gray-500">Amount</p> <p className="text-sm text-gray-500">Amount</p>
@ -502,7 +524,32 @@ const DetailApprovalTransaction = () => {
kind = 'RETURN'; kind = 'RETURN';
} else if (transactionDetails?.kind === 'E') { } else if (transactionDetails?.kind === 'E') {
kind = 'REWARD'; kind = 'REWARD';
} else if (transactionDetails?.kind === 'L') {
kind = 'PURCHASE LOJA';
} else if (transactionDetails?.kind === 'B') {
kind = 'TOP UP P24';
} else if (transactionDetails?.kind === 'A') {
kind = 'TRANSFER AGENT';
} else if (transactionDetails?.kind === 'M') {
kind = 'WITHDRAWAL AGENT';
} else if (transactionDetails?.kind === 'O') {
kind = 'TOPUP AGENT';
} else if (transactionDetails?.kind === 'S') {
kind = 'TOPUP P24';
} else if (transactionDetails?.kind === 'I') {
kind = 'WITHDRAW MERCHANT';
} else if (transactionDetails?.kind === 'D') {
kind = 'DONATION';
} else if (transactionDetails?.kind === 'F') {
kind = 'FEE';
} else if (transactionDetails?.kind === 'V') {
kind = 'REVERSAL';
} else if (transactionDetails?.kind === 'C') {
kind = 'CASHBACK CASH';
} else if (transactionDetails?.kind === 'H') {
kind = 'CASHBACK POINT';
} }
return kind; return kind;
})()} })()}
</p> </p>
@ -526,6 +573,30 @@ const DetailApprovalTransaction = () => {
<p className="font-medium">{transactionDetails?.transfer.destination_iban}</p> <p className="font-medium">{transactionDetails?.transfer.destination_iban}</p>
</div> </div>
</div> </div>
<h3 className="font-semibold flex items-center">
Transfer Type
<span className="ml-2 bg-blue-100 text-blue-800 text-xs font-semibold mr-2 px-2.5 py-0.5 rounded">
Transfer Type
</span>
</h3>
<div className="grid grid-cols-3 gap-4">
<div>
<p className="text-sm text-gray-500">Transfer Type</p>
<p className="font-medium">
{
(() => {
if (transactionDetails?.transfer.type === "S") {
return "SEND";
} else if (transactionDetails?.transfer.type === "R") {
return "RECEIVE";
} else {
return "UNKNOWN";
}
})()
}
</p>
</div>
</div>
</div> </div>
)} )}
@ -535,9 +606,7 @@ const DetailApprovalTransaction = () => {
<div className="grid grid-cols-2 gap-4"> <div className="grid grid-cols-2 gap-4">
<div> <div>
<p className="text-sm text-gray-500">Full Name</p> <p className="text-sm text-gray-500">Full Name</p>
<p className="font-medium"> <p className="font-medium">{transactionDetails?.origin_name ?? ""}</p>
{transactionDetails?.origin_customer?.fullname ?? transactionDetails?.origin_customer?.origin_name}
</p>
</div> </div>
<div> <div>
<p className="text-sm text-gray-500">Phone Number</p> <p className="text-sm text-gray-500">Phone Number</p>

75
src/pages/transaction/history-transaction/blocks/DetailTransaction.tsx
View File

@ -367,7 +367,7 @@ const DetailTransaction = () => {
</div> </div>
<div> <div>
<p className="text-sm text-gray-500">Full Name</p> <p className="text-sm text-gray-500">Full Name</p>
<p className="font-medium">{transactionDetails?.origin_customer?.origin_name ?? ""}</p> <p className="font-medium">{transactionDetails?.origin_name ?? ""}</p>
</div> </div>
<div> <div>
<p className="text-sm text-gray-500">Amount</p> <p className="text-sm text-gray-500">Amount</p>
@ -456,21 +456,21 @@ const DetailTransaction = () => {
kind = 'TRANSFER AGENT'; kind = 'TRANSFER AGENT';
} else if (transactionDetails?.kind === 'M') { } else if (transactionDetails?.kind === 'M') {
kind = 'WITHDRAWAL AGENT'; kind = 'WITHDRAWAL AGENT';
}else if( transactionDetails?.kind === 'O') { } else if (transactionDetails?.kind === 'O') {
kind = 'TOPUP AGENT'; kind = 'TOPUP AGENT';
}else if (transactionDetails?.kind === 'S') { } else if (transactionDetails?.kind === 'S') {
kind = 'TOPUP P24'; kind = 'TOPUP P24';
}else if (transactionDetails?.kind === 'I') { } else if (transactionDetails?.kind === 'I') {
kind = 'WITHDRAW MERCHANT'; kind = 'WITHDRAW MERCHANT';
}else if (transactionDetails?.kind === 'D') { } else if (transactionDetails?.kind === 'D') {
kind = 'DONATION'; kind = 'DONATION';
}else if (transactionDetails?.kind === 'F') { } else if (transactionDetails?.kind === 'F') {
kind = 'FEE'; kind = 'FEE';
}else if (transactionDetails?.kind === 'V') { } else if (transactionDetails?.kind === 'V') {
kind = 'REVERSAL'; kind = 'REVERSAL';
}else if( transactionDetails?.kind === 'C') { } else if (transactionDetails?.kind === 'C') {
kind = 'CASHBACK CASH'; kind = 'CASHBACK CASH';
}else if( transactionDetails?.kind === 'H') { } else if (transactionDetails?.kind === 'H') {
kind = 'CASHBACK POINT'; kind = 'CASHBACK POINT';
} }
@ -499,7 +499,7 @@ const DetailTransaction = () => {
Info Info
</span> </span>
</h3> </h3>
<div className="grid grid-cols-2 gap-4"> <div className="grid grid-cols-3 gap-4">
<div> <div>
<p className="text-sm text-gray-500">Transaction Date</p> <p className="text-sm text-gray-500">Transaction Date</p>
<p className="font-medium">{transactionDetails?.transaction_date <p className="font-medium">{transactionDetails?.transaction_date
@ -516,7 +516,7 @@ const DetailTransaction = () => {
</div> </div>
<div> <div>
<p className="text-sm text-gray-500">Full Name</p> <p className="text-sm text-gray-500">Full Name</p>
<p className="font-medium">{transactionDetails?.origin_customer?.origin_name ?? ""}</p> <p className="font-medium">{transactionDetails?.origin_name ?? ""}</p>
</div> </div>
<div> <div>
<p className="text-sm text-gray-500">Amount</p> <p className="text-sm text-gray-500">Amount</p>
@ -589,12 +589,37 @@ const DetailTransaction = () => {
kind = 'TOP UP'; kind = 'TOP UP';
} else if (transactionDetails?.kind === 'R') { } else if (transactionDetails?.kind === 'R') {
kind = 'RETURN'; kind = 'RETURN';
} else if (transactionDetails?.kind === 'E') {
} else if (transactionDetails?.kind === 'E') { } else if (transactionDetails?.kind === 'E') {
kind = 'REWARD'; kind = 'REWARD';
} else if (transactionDetails?.kind === 'L') {
kind = 'PURCHASE LOJA';
} else if (transactionDetails?.kind === 'B') {
kind = 'TOP UP P24';
} else if (transactionDetails?.kind === 'A') {
kind = 'TRANSFER AGENT';
} else if (transactionDetails?.kind === 'M') {
kind = 'WITHDRAWAL AGENT';
} else if (transactionDetails?.kind === 'O') {
kind = 'TOPUP AGENT';
} else if (transactionDetails?.kind === 'S') {
kind = 'TOPUP P24';
} else if (transactionDetails?.kind === 'I') {
kind = 'WITHDRAW MERCHANT';
} else if (transactionDetails?.kind === 'D') {
kind = 'DONATION';
} else if (transactionDetails?.kind === 'F') {
kind = 'FEE';
} else if (transactionDetails?.kind === 'V') {
kind = 'REVERSAL';
} else if (transactionDetails?.kind === 'C') {
kind = 'CASHBACK CASH';
} else if (transactionDetails?.kind === 'H') {
kind = 'CASHBACK POINT';
} }
return kind; return kind;
})()} })()}
</p> </p>
</div> </div>
<div> <div>
@ -614,6 +639,30 @@ const DetailTransaction = () => {
<p className="font-medium">{transactionDetails?.transfer.destination_iban}</p> <p className="font-medium">{transactionDetails?.transfer.destination_iban}</p>
</div> </div>
</div> </div>
<h3 className="font-semibold flex items-center">
Transfer Type
<span className="ml-2 bg-blue-100 text-blue-800 text-xs font-semibold mr-2 px-2.5 py-0.5 rounded">
Transfer Type
</span>
</h3>
<div className="grid grid-cols-3 gap-4">
<div>
<p className="text-sm text-gray-500">Transfer Type</p>
<p className="font-medium">
{
(() => {
if (transactionDetails?.transfer.type === "S") {
return "SEND";
} else if (transactionDetails?.transfer.type === "R") {
return "RECEIVE";
} else {
return "UNKNOWN";
}
})()
}
</p>
</div>
</div>
</div> </div>
)} )}
@ -623,7 +672,7 @@ const DetailTransaction = () => {
<div className="grid grid-cols-2 gap-4"> <div className="grid grid-cols-2 gap-4">
<div> <div>
<p className="text-sm text-gray-500">Full Name</p> <p className="text-sm text-gray-500">Full Name</p>
<p className="font-medium">{transactionDetails?.origin_customer?.origin_name}</p> <p className="font-medium">{transactionDetails?.origin_name}</p>
</div> </div>
<div> <div>
<p className="text-sm text-gray-500">Phone Number</p> <p className="text-sm text-gray-500">Phone Number</p>