From 1c57497e3972022cc4a4962c48a861a54d21e491 Mon Sep 17 00:00:00 2001
From: Catherine Angel <catheriner40540@gmail.com>
Date: Mon, 27 May 2024 22:08:22 +0700
Subject: [PATCH] [CHORE] remove console.log and

---
 src/app/dashboard/TransactionHistory.tsx |  2 +-
 src/app/payment/PaymentDetail.tsx        | 16 +++++++++++-----
 src/app/payment/PaymentError.tsx         |  2 +-
 3 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/src/app/dashboard/TransactionHistory.tsx b/src/app/dashboard/TransactionHistory.tsx
index 7495511..6c6c986 100644
--- a/src/app/dashboard/TransactionHistory.tsx
+++ b/src/app/dashboard/TransactionHistory.tsx
@@ -103,7 +103,7 @@ export const TransactionHistory = ({ status }: TransactionHistoryI) => {
                                 'hover:underline hover:underline-offset-1'
                             )}
                           >
-                            <p>{status?.toUpperCase()}</p>
+                            <p>{(status ?? '').toUpperCase()}</p>
                             {!!midtrans_url && (
                               <i className="i-ph-arrow-square-up-right-light size-5" />
                             )}
diff --git a/src/app/payment/PaymentDetail.tsx b/src/app/payment/PaymentDetail.tsx
index 7e8170d..dfd2872 100644
--- a/src/app/payment/PaymentDetail.tsx
+++ b/src/app/payment/PaymentDetail.tsx
@@ -24,13 +24,13 @@ export const PaymentDetail = () => {
       getTransaction({ order_id: orderId })
     }
   }, [orderId])
+  const test_stat = null
 
   useEffect(() => {
     if (!!error && 'data' in error) {
       // Adjusted regex to correctly extract JSON surrounded by backticks
       const regex = /API response: `({.*})`/
       const match = (error.data as MidtransErrorResponse).error.match(regex)
-      console.log(match)
       if (match && match[1]) {
         const jsonPart = match[1]
         try {
@@ -77,11 +77,17 @@ export const PaymentDetail = () => {
               <p className="font-bold">Package Name</p>
               <p>{data?.transaction_detail.package.name}</p>
               <p className="font-bold">Payment Type</p>
-              <p>{data?.transaction_detail.payment_type?.toUpperCase()}</p>
+              <p>
+                {(data?.transaction_detail.payment_type ?? '').toUpperCase()}
+              </p>
               <p className="font-bold">Merchant</p>
-              <p>{data?.transaction_detail.payment_merchant?.toUpperCase()}</p>
+              <p>
+                {(
+                  data?.transaction_detail.payment_merchant ?? ''
+                ).toUpperCase()}
+              </p>
               <p className="font-bold">Status</p>
-              <p>{data?.transaction_detail.status?.toUpperCase()}</p>
+              <p>{(data?.transaction_detail.status ?? '')?.toUpperCase()}</p>
             </div>
             <Button
               onClick={() => {
@@ -95,7 +101,7 @@ export const PaymentDetail = () => {
           </>
         )
       )}
-      <Link href={'/payment?tab=history'}>
+      <Link href={'/dashboard?tab=history'}>
         <Button>See Transaction History</Button>
       </Link>
     </div>
diff --git a/src/app/payment/PaymentError.tsx b/src/app/payment/PaymentError.tsx
index 6d057ce..84b20ac 100644
--- a/src/app/payment/PaymentError.tsx
+++ b/src/app/payment/PaymentError.tsx
@@ -15,7 +15,7 @@ export const PaymentError = ({ status }: PaymentDetailI) => {
           <p>
             Transaction status:{' '}
             <span className="font-bold text-rose-700">
-              {status?.toUpperCase()}
+              {(status ?? '').toUpperCase()}
             </span>
           </p>
         )}