diff --git a/src/pages/transaction/approval-transaction/blocks/DetailApprovalTransaction.tsx b/src/pages/transaction/approval-transaction/blocks/DetailApprovalTransaction.tsx
index 81d0025..4b5d549 100644
--- a/src/pages/transaction/approval-transaction/blocks/DetailApprovalTransaction.tsx
+++ b/src/pages/transaction/approval-transaction/blocks/DetailApprovalTransaction.tsx
@@ -504,38 +504,44 @@ const DetailApprovalTransaction = () => {
                                     <table className="min-w-full table-auto">
                                         <thead>
                                             <tr className="bg-gray-100">
-                                                <th className="px-4 py-2 text-left text-sm text-gray-500">Status</th>
+                                                <th className="px-4 py-2 text-left text-sm text-gray-500">Type</th>
                                                 <th className="px-4 py-2 text-left text-sm text-gray-500">Request Date</th>
-                                                <th className="px-4 py-2 text-left text-sm text-gray-500">Request Body</th>
+                                                <th className="px-4 py-2 text-left text-sm text-gray-500">Response Date</th>
                                                 <th className="px-4 py-2 text-left text-sm text-gray-500">Response Body</th>
                                                 <th className="px-4 py-2 text-left text-sm text-gray-500">Response Code</th>
-                                                <th className="px-4 py-2 text-left text-sm text-gray-500">Request End Point</th>
+                                                <th className="px-4 py-2 text-left text-sm text-gray-500">Request Endpoint</th>
                                             </tr>
                                         </thead>
                                         <tbody>
                                             {transactionDetails?.log && transactionDetails?.log.length > 0 ? (
-                                                transactionDetails.log.map((log: { request_endpoint: string, status: string; request_date: string; response_date: string; request_body: string; response_body: string; response_code: number }, index: number) => (
+                                                transactionDetails.log.map((log: { type: string, request_endpoint: string, status: string; request_date: string; response_date: string; request_body: string; response_body: string; response_code: number }, index: number) => (
                                                     <tr key={index} className="border-t">
-                                                        <td className="px-4 py-2 font-medium">
-                                                            {(() => {
-                                                                let status;
-                                                                if (log.status === 'P') {
-                                                                    status = 'PENDING';
-                                                                } else if (log.status === 'O') {
-                                                                    status = 'ON PROCESS';
-                                                                } else if (log.status === 'F') {
-                                                                    status = 'FAILED';
-                                                                } else if (log.status === 'C') {
-                                                                    status = 'COMPLETE';
-                                                                }
-                                                                return status;
-                                                            })()}
-                                                        </td>
-                                                        <td className="px-4 py-2 text-sm text-gray-500">{log.request_date ?? '-'}</td>
-                                                        <td className="px-4 py-2 text-sm text-gray-500">{log.response_date ?? '-'}</td>
-                                                        <td className="px-4 py-2 text-sm text-gray-500">{log.request_body ?? '-'}</td>
-                                                        <td className="px-4 py-2 text-sm text-gray-500">{log.response_body ?? '-'}</td>
-                                                        <td className="px-4 py-2 text-sm text-gray-500">{log.request_endpoint ?? '-'}</td>
+                                                        <td className="px-4 py-2 text-sm text-gray-500">{log.type}</td>
+                                                        <td className="px-4 py-2 text-sm text-gray-500">{log.request_date
+                                                            ? new Date(log.request_date).toLocaleDateString('en-GB', {
+                                                                day: '2-digit',
+                                                                month: '2-digit',
+                                                                year: 'numeric',
+                                                                hour: '2-digit',
+                                                                minute: '2-digit',
+                                                                second: '2-digit',
+                                                                hour12: false
+                                                            })
+                                                            : ''}</td>
+                                                        <td className="px-4 py-2 text-sm text-gray-500">{log.response_date
+                                                            ? new Date(log.response_date).toLocaleDateString('en-GB', {
+                                                                day: '2-digit',
+                                                                month: '2-digit',
+                                                                year: 'numeric',
+                                                                hour: '2-digit',
+                                                                minute: '2-digit',
+                                                                second: '2-digit',
+                                                                hour12: false
+                                                            })
+                                                            : ''}</td>
+                                                        <td className="px-4 py-2 text-sm text-gray-500">{log.request_body}</td>
+                                                            <td className="px-4 py-2 text-sm text-gray-500">{log.response_body}</td>
+                                                            <td className="px-4 py-2 text-sm text-gray-500">{log.request_endpoint}</td>
                                                     </tr>
                                                 ))
                                             ) : (
diff --git a/src/pages/transaction/history-transaction/blocks/DetailTransaction.tsx b/src/pages/transaction/history-transaction/blocks/DetailTransaction.tsx
index c60a661..29c65c4 100644
--- a/src/pages/transaction/history-transaction/blocks/DetailTransaction.tsx
+++ b/src/pages/transaction/history-transaction/blocks/DetailTransaction.tsx
@@ -45,7 +45,7 @@ const DetailTransaction = () => {
                         id: selectedTransactionId
                     });
                     setTransactionDetails(response?.data);
-                    // console.log(response?.data);
+                    console.log(response?.data);
                     // console.log(selectedTransactionId);
                 } catch (error) {
                     console.error('Error fetching transaction', error);
@@ -515,38 +515,44 @@ const DetailTransaction = () => {
                                     <table className="min-w-full table-auto">
                                         <thead>
                                             <tr className="bg-gray-100">
-                                                <th className="px-4 py-2 text-left text-sm text-gray-500">Status</th>
+                                                <th className="px-4 py-2 text-left text-sm text-gray-500">Type</th>
                                                 <th className="px-4 py-2 text-left text-sm text-gray-500">Request Date</th>
-                                                <th className="px-4 py-2 text-left text-sm text-gray-500">Request Body</th>
+                                                <th className="px-4 py-2 text-left text-sm text-gray-500">Response Date</th>
                                                 <th className="px-4 py-2 text-left text-sm text-gray-500">Response Body</th>
                                                 <th className="px-4 py-2 text-left text-sm text-gray-500">Response Code</th>
-                                                <th className="px-4 py-2 text-left text-sm text-gray-500">Request End Point</th>
+                                                <th className="px-4 py-2 text-left text-sm text-gray-500">Request Endpoint</th>
                                             </tr>
                                         </thead>
                                         <tbody>
                                             {transactionDetails?.log && transactionDetails?.log.length > 0 ? (
-                                                transactionDetails.log.map((log: { request_endpoint: string, status: string; request_date: string; response_date: string; request_body: string; response_body: string; response_code: number }, index: number) => (
+                                                transactionDetails.log.map((log: { type: string, request_endpoint: string, status: string; request_date: string; response_date: string; request_body: string; response_body: string; response_code: number }, index: number) => (
                                                     <tr key={index} className="border-t">
-                                                        <td className="px-4 py-2 font-medium">
-                                                            {(() => {
-                                                                let status;
-                                                                if (log.status === 'P') {
-                                                                    status = 'PENDING';
-                                                                } else if (log.status === 'O') {
-                                                                    status = 'ON PROCESS';
-                                                                } else if (log.status === 'F') {
-                                                                    status = 'FAILED';
-                                                                } else if (log.status === 'C') {
-                                                                    status = 'COMPLETE';
-                                                                }
-                                                                return status;
-                                                            })()}
-                                                        </td>
-                                                        <td className="px-4 py-2 text-sm text-gray-500">{log.request_date ?? '-'}</td>
-                                                        <td className="px-4 py-2 text-sm text-gray-500">{log.response_date ?? '-'}</td>
-                                                        <td className="px-4 py-2 text-sm text-gray-500">{log.request_body ?? '-'}</td>
-                                                        <td className="px-4 py-2 text-sm text-gray-500">{log.response_body ?? '-'}</td>
-                                                        <td className="px-4 py-2 text-sm text-gray-500">{log.request_endpoint ?? '-'}</td>
+                                                        <td className="px-4 py-2 text-sm text-gray-500">{log.type}</td>
+                                                        <td className="px-4 py-2 text-sm text-gray-500">{log.request_date
+                                                            ? new Date(log.request_date).toLocaleDateString('en-GB', {
+                                                                day: '2-digit',
+                                                                month: '2-digit',
+                                                                year: 'numeric',
+                                                                hour: '2-digit',
+                                                                minute: '2-digit',
+                                                                second: '2-digit',
+                                                                hour12: false
+                                                            })
+                                                            : ''}</td>
+                                                        <td className="px-4 py-2 text-sm text-gray-500">{log.response_date
+                                                            ? new Date(log.response_date).toLocaleDateString('en-GB', {
+                                                                day: '2-digit',
+                                                                month: '2-digit',
+                                                                year: 'numeric',
+                                                                hour: '2-digit',
+                                                                minute: '2-digit',
+                                                                second: '2-digit',
+                                                                hour12: false
+                                                            })
+                                                            : ''}</td>
+                                                        <td className="px-4 py-2 text-sm text-gray-500">{log.request_body}</td>
+                                                        <td className="px-4 py-2 text-sm text-gray-500">{log.response_body}</td>
+                                                        <td className="px-4 py-2 text-sm text-gray-500">{log.request_endpoint}</td>
                                                     </tr>
                                                 ))
                                             ) : (