ok

src/pages/Transaction_pending.js

@@ -5,7 +5,7 @@ import { ColorRing } from "react-loader-spinner";
 import {
   getTransaction,
   confirmTransaction,
-  declineTransaction,
+  cancelTransaction,
 } from "../helpers/transactionHelpers";
 import { getTables } from "../helpers/tableHelper";
 import TableCanvas from "../components/TableCanvas";
@@ -29,12 +29,24 @@ export default function Transactions({ propsShopId, sendParam, deviceType, handl
       try {
         const fetchedTransaction = await getTransaction(transactionId);
         setTransaction(fetchedTransaction);
-        console.log(transaction);
+        console.log(fetchedTransaction); // Log the fetched transaction
       } catch (error) {
         console.error("Error fetching transaction:", error);
       }
     };
-    fetchData();
+
+    const waitForLocalStorage = async () => {
+      while (localStorage.getItem("auth") === null) {
+        await new Promise((resolve) => setTimeout(resolve, 1000)); // Wait 1 second
+      }
+    };
+
+    const initialize = async () => {
+      await waitForLocalStorage();
+      await fetchData();
+    };
+
+    initialize();
   }, [searchParams]);
 
   useEffect(() => {
@@ -75,7 +87,7 @@ export default function Transactions({ propsShopId, sendParam, deviceType, handl
     if (isPaymentLoading) return;
     setIsPaymentLoading(true);
     try {
-      const c = await declineTransaction(transactionId);
+      const c = await cancelTransaction(transactionId);
       // if (c) {
       //   // Update the confirmed status locally
       //   setTransactions((prevTransactions) =>
@@ -180,7 +192,7 @@ export default function Transactions({ propsShopId, sendParam, deviceType, handl
             <div className={styles.TotalContainer}>
               <button
                 className={styles.PayButton}
-                onClick={() => handleConfirm(transaction.transactionId)}
+                onClick={() => handleDecline(transaction.transactionId)}
                 disabled={
                   transaction.confirmed === -1 ||
                   transaction.confirmed === 3 ||