update blank page
This commit is contained in:
@ -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>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
|
|||||||
@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user