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

update blank in detail transaction

Browse Source
This commit is contained in:
wayanrivan
2025-04-21 09:02:25 +07:00
parent caa6ece087
commit 67f3085380
2 changed files with 25 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -30,7 +30,6 @@ const DetailApprovalTransaction = () => {
const response = await GetData(`${API_URL}/transaction/history/detail/${selectedTransactionId}`, { const response = await GetData(`${API_URL}/transaction/history/detail/${selectedTransactionId}`, {
id: selectedTransactionId id: selectedTransactionId
}); });
console.log(response?.data);
setTransactionDetails(response?.data); setTransactionDetails(response?.data);
} catch (error) { } catch (error) {
console.error('Error fetching transaction', error); console.error('Error fetching transaction', error);
@ -121,11 +120,14 @@ 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">{transactionDetails?.origin_customer.fullname}</p> <p className="font-medium">
{transactionDetails?.origin_customer?.fullname ?? "-"}
</p>
</div> </div>
<div> <div>
<p className="text-sm text-gray-500">Amount</p> <p className="text-sm text-gray-500">Amount</p>
<p className="font-medium">{new Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD' }).format(transactionDetails?.purchase.amount)}</p> <p className="font-medium">{new Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD' }).format(transactionDetails?.purchase?.amount) ?? new Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD' }).format(transactionDetails?.transfer.amount)}</p>
</div> </div>
<div> <div>
<p className="text-sm text-gray-500">Fee</p> <p className="text-sm text-gray-500">Fee</p>
@ -292,7 +294,9 @@ 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">{transactionDetails?.origin_customer.fullname}</p> <p className="font-medium">
{transactionDetails?.origin_customer?.fullname ?? "-"}
</p>
</div> </div>
<div> <div>
<p className="text-sm text-gray-500">Amount</p> <p className="text-sm text-gray-500">Amount</p>
@ -347,10 +351,10 @@ const DetailApprovalTransaction = () => {
<p className="font-medium">{transactionDetails?.description}</p> <p className="font-medium">{transactionDetails?.description}</p>
</div> </div>
<div> <div>
<div> <div>
<p className="text-sm text-gray-500">Name</p> <p className="text-sm text-gray-500">Name</p>
<p className="font-medium">{transactionDetails?.type?.name || '-'}</p> <p className="font-medium">{transactionDetails?.type?.name || '-'}</p>
</div> </div>
</div> </div>
<div> <div>
<p className="text-sm text-gray-500">Reference</p> <p className="text-sm text-gray-500">Reference</p>
@ -370,19 +374,21 @@ 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">{transactionDetails?.origin_customer.fullname}</p> <p className="font-medium">
{transactionDetails?.origin_customer?.fullname ?? "-"}
</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>
<p className="font-medium">{transactionDetails?.origin_customer.msisdn}</p> <p className="font-medium">{transactionDetails?.origin_customer?.msisdn ?? "-"}</p>
</div> </div>
<div> <div>
<p className="text-sm text-gray-500">Email</p> <p className="text-sm text-gray-500">Email</p>
<p className="font-medium">{transactionDetails?.origin_customer.email}</p> <p className="font-medium">{transactionDetails?.origin_customer?.email ?? "-"}</p>
</div> </div>
<div> <div>
<p className="text-sm text-gray-500">Username</p> <p className="text-sm text-gray-500">Username</p>
<p className="font-medium">{transactionDetails?.origin_customer.username}</p> <p className="font-medium">{transactionDetails?.origin_customer?.username ?? "-"}</p>
</div> </div>
</div> </div>
</div> </div>

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

@ -120,11 +120,11 @@ 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.fullname}</p> <p className="font-medium">{transactionDetails?.origin_customer?.fullname ?? "-"}</p>
</div> </div>
<div> <div>
<p className="text-sm text-gray-500">Amount</p> <p className="text-sm text-gray-500">Amount</p>
<p className="font-medium">{new Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD' }).format(transactionDetails?.purchase.amount)}</p> <p className="font-medium">{new Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD' }).format(transactionDetails?.purchase?.amount) ?? new Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD' }).format(transactionDetails?.transfer.amount)}</p>
</div> </div>
<div> <div>
<p className="text-sm text-gray-500">Fee</p> <p className="text-sm text-gray-500">Fee</p>
@ -291,7 +291,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.fullname}</p> <p className="font-medium">{transactionDetails?.origin_customer?.fullname ?? "-"}</p>
</div> </div>
<div> <div>
<p className="text-sm text-gray-500">Amount</p> <p className="text-sm text-gray-500">Amount</p>
@ -367,19 +367,19 @@ 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.fullname}</p> <p className="font-medium">{transactionDetails?.origin_customer?.fullname ?? "-"}</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>
<p className="font-medium">{transactionDetails?.origin_customer.msisdn}</p> <p className="font-medium">{transactionDetails?.origin_customer?.msisdn ?? "-"}</p>
</div> </div>
<div> <div>
<p className="text-sm text-gray-500">Email</p> <p className="text-sm text-gray-500">Email</p>
<p className="font-medium">{transactionDetails?.origin_customer.email}</p> <p className="font-medium">{transactionDetails?.origin_customer?.email ?? "-"}</p>
</div> </div>
<div> <div>
<p className="text-sm text-gray-500">Username</p> <p className="text-sm text-gray-500">Username</p>
<p className="font-medium">{transactionDetails?.origin_customer.username}</p> <p className="font-medium">{transactionDetails?.origin_customer?.username ?? "-"}</p>
</div> </div>
</div> </div>
</div> </div>