update blank page

This commit is contained in:
wayanrivan
2025-04-21 09:13:08 +07:00
parent 67f3085380
commit db97899e17
2 changed files with 61 additions and 35 deletions

View File

@ -397,24 +397,37 @@ const DetailApprovalTransaction = () => {
{activeTab === 'destinationcustomer' && ( {activeTab === 'destinationcustomer' && (
<div className="space-y-4"> <div className="space-y-4">
<h3 className="font-semibold">Destination Customer</h3> <h3 className="font-semibold">Destination Customer</h3>
{transactionDetails?.transfer?.destination_customer ? (
<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">Name</p> <p className="text-sm text-gray-500">Name</p>
<p className="font-medium">{transactionDetails?.transfer.destination_customer.fullname}</p> <p className="font-medium">
{transactionDetails.transfer.destination_customer.fullname ?? "-"}
</p>
</div> </div>
<div> <div>
<p className="text-sm text-gray-500">MSISDN</p> <p className="text-sm text-gray-500">MSISDN</p>
<p className="font-medium">{transactionDetails?.transfer.destination_customer.msisdn}</p> <p className="font-medium">
{transactionDetails.transfer.destination_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?.transfer.destination_customer.email}</p> <p className="font-medium">
{transactionDetails.transfer.destination_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?.transfer.destination_customer.username}</p> <p className="font-medium">
{transactionDetails.transfer.destination_customer.username ?? "-"}
</p>
</div> </div>
</div> </div>
) : (
<p className="text-gray-500">No data available</p>
)}
</div> </div>
)} )}

View File

@ -388,24 +388,37 @@ const DetailTransaction = () => {
{activeTab === 'destinationcustomer' && ( {activeTab === 'destinationcustomer' && (
<div className="space-y-4"> <div className="space-y-4">
<h3 className="font-semibold">Destination Customer</h3> <h3 className="font-semibold">Destination Customer</h3>
{transactionDetails?.transfer?.destination_customer ? (
<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">Name</p> <p className="text-sm text-gray-500">Name</p>
<p className="font-medium">{transactionDetails?.transfer.destination_customer.fullname}</p> <p className="font-medium">
{transactionDetails.transfer.destination_customer.fullname ?? "-"}
</p>
</div> </div>
<div> <div>
<p className="text-sm text-gray-500">MSISDN</p> <p className="text-sm text-gray-500">MSISDN</p>
<p className="font-medium">{transactionDetails?.transfer.destination_customer.msisdn}</p> <p className="font-medium">
{transactionDetails.transfer.destination_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?.transfer.destination_customer.email}</p> <p className="font-medium">
{transactionDetails.transfer.destination_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?.transfer.destination_customer.username}</p> <p className="font-medium">
{transactionDetails.transfer.destination_customer.username ?? "-"}
</p>
</div> </div>
</div> </div>
) : (
<p className="text-gray-500">No data available</p>
)}
</div> </div>
)} )}
@ -430,7 +443,7 @@ const DetailTransaction = () => {
<h3 className="font-semibold">Destination Wallet</h3> <h3 className="font-semibold">Destination Wallet</h3>
{!transactionDetails?.transfer ? ( {!transactionDetails?.transfer ? (
<div className="text-center text-sm text-gray-500">No Data available</div> <div className="text-sm text-gray-500">No Data available</div>
) : ( ) : (
<div className="grid grid-cols-2 gap-4"> <div className="grid grid-cols-2 gap-4">
<div> <div>