diff --git a/src/pages/transaction/approval-transaction/blocks/DetailApprovalTransaction.tsx b/src/pages/transaction/approval-transaction/blocks/DetailApprovalTransaction.tsx
index 1e56268..755580a 100644
--- a/src/pages/transaction/approval-transaction/blocks/DetailApprovalTransaction.tsx
+++ b/src/pages/transaction/approval-transaction/blocks/DetailApprovalTransaction.tsx
@@ -397,24 +397,37 @@ const DetailApprovalTransaction = () => {
                         {activeTab === 'destinationcustomer' && (
                             <div className="space-y-4">
                                 <h3 className="font-semibold">Destination Customer</h3>
-                                <div className="grid grid-cols-2 gap-4">
-                                    <div>
-                                        <p className="text-sm text-gray-500">Name</p>
-                                        <p className="font-medium">{transactionDetails?.transfer.destination_customer.fullname}</p>
+
+                                {transactionDetails?.transfer?.destination_customer ? (
+                                    <div className="grid grid-cols-2 gap-4">
+                                        <div>
+                                            <p className="text-sm text-gray-500">Name</p>
+                                            <p className="font-medium">
+                                                {transactionDetails.transfer.destination_customer.fullname ?? "-"}
+                                            </p>
+                                        </div>
+                                        <div>
+                                            <p className="text-sm text-gray-500">MSISDN</p>
+                                            <p className="font-medium">
+                                                {transactionDetails.transfer.destination_customer.msisdn ?? "-"}
+                                            </p>
+                                        </div>
+                                        <div>
+                                            <p className="text-sm text-gray-500">Email</p>
+                                            <p className="font-medium">
+                                                {transactionDetails.transfer.destination_customer.email ?? "-"}
+                                            </p>
+                                        </div>
+                                        <div>
+                                            <p className="text-sm text-gray-500">Username</p>
+                                            <p className="font-medium">
+                                                {transactionDetails.transfer.destination_customer.username ?? "-"}
+                                            </p>
+                                        </div>
                                     </div>
-                                    <div>
-                                        <p className="text-sm text-gray-500">MSISDN</p>
-                                        <p className="font-medium">{transactionDetails?.transfer.destination_customer.msisdn}</p>
-                                    </div>
-                                    <div>
-                                        <p className="text-sm text-gray-500">Email</p>
-                                        <p className="font-medium">{transactionDetails?.transfer.destination_customer.email}</p>
-                                    </div>
-                                    <div>
-                                        <p className="text-sm text-gray-500">Username</p>
-                                        <p className="font-medium">{transactionDetails?.transfer.destination_customer.username}</p>
-                                    </div>
-                                </div>
+                                ) : (
+                                    <p className="text-gray-500">No data available</p>
+                                )}
                             </div>
                         )}
 
diff --git a/src/pages/transaction/history-transaction/blocks/DetailTransaction.tsx b/src/pages/transaction/history-transaction/blocks/DetailTransaction.tsx
index b9cc2fa..079aaf6 100644
--- a/src/pages/transaction/history-transaction/blocks/DetailTransaction.tsx
+++ b/src/pages/transaction/history-transaction/blocks/DetailTransaction.tsx
@@ -388,24 +388,37 @@ const DetailTransaction = () => {
                         {activeTab === 'destinationcustomer' && (
                             <div className="space-y-4">
                                 <h3 className="font-semibold">Destination Customer</h3>
-                                <div className="grid grid-cols-2 gap-4">
-                                    <div>
-                                        <p className="text-sm text-gray-500">Name</p>
-                                        <p className="font-medium">{transactionDetails?.transfer.destination_customer.fullname}</p>
+
+                                {transactionDetails?.transfer?.destination_customer ? (
+                                    <div className="grid grid-cols-2 gap-4">
+                                        <div>
+                                            <p className="text-sm text-gray-500">Name</p>
+                                            <p className="font-medium">
+                                                {transactionDetails.transfer.destination_customer.fullname ?? "-"}
+                                            </p>
+                                        </div>
+                                        <div>
+                                            <p className="text-sm text-gray-500">MSISDN</p>
+                                            <p className="font-medium">
+                                                {transactionDetails.transfer.destination_customer.msisdn ?? "-"}
+                                            </p>
+                                        </div>
+                                        <div>
+                                            <p className="text-sm text-gray-500">Email</p>
+                                            <p className="font-medium">
+                                                {transactionDetails.transfer.destination_customer.email ?? "-"}
+                                            </p>
+                                        </div>
+                                        <div>
+                                            <p className="text-sm text-gray-500">Username</p>
+                                            <p className="font-medium">
+                                                {transactionDetails.transfer.destination_customer.username ?? "-"}
+                                            </p>
+                                        </div>
                                     </div>
-                                    <div>
-                                        <p className="text-sm text-gray-500">MSISDN</p>
-                                        <p className="font-medium">{transactionDetails?.transfer.destination_customer.msisdn}</p>
-                                    </div>
-                                    <div>
-                                        <p className="text-sm text-gray-500">Email</p>
-                                        <p className="font-medium">{transactionDetails?.transfer.destination_customer.email}</p>
-                                    </div>
-                                    <div>
-                                        <p className="text-sm text-gray-500">Username</p>
-                                        <p className="font-medium">{transactionDetails?.transfer.destination_customer.username}</p>
-                                    </div>
-                                </div>
+                                ) : (
+                                    <p className="text-gray-500">No data available</p>
+                                )}
                             </div>
                         )}
 
@@ -430,7 +443,7 @@ const DetailTransaction = () => {
                                 <h3 className="font-semibold">Destination Wallet</h3>
 
                                 {!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>