fix: add checking of transaction executed using viem (#34)

src/app/history/layout.tsx

@@ -0,0 +1,9 @@
+import { OrderProvider } from "#/contexts/ordersContext";
+
+export default function Layout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  return <OrderProvider>{children}</OrderProvider>;
+}

src/app/history/order/[orderHash]/page.tsx

@@ -57,12 +57,7 @@ export default function OrderPage({
   const orderDateTime = formatDateTime(
     epochToDate(Number(stopLossOrder?.blockTimestamp))
   );
-  const orderExpirationDateTime = formatDateTime(
-    epochToDate(
-      Number(stopLossOrder?.blockTimestamp) +
-        Number(stopLossOrder?.stopLossData?.validityBucketSeconds)
-    )
-  );
+
   const amountIn =
     Number(stopLossOrder?.stopLossData?.tokenAmountIn) /
     10 ** Number(stopLossOrder?.stopLossData?.tokenIn.decimals);
@@ -125,12 +120,6 @@ export default function OrderPage({
           >
             {orderDateTime}
           </OrderInformation>
-          <OrderInformation
-            label="Expiration Time"
-            tooltipText="The date and time at which an order will expire and effectively be cancelled."
-          >
-            {orderExpirationDateTime}
-          </OrderInformation>
         </div>
         <Separator className="my-3" />
         <div className="flex flex-col gap-y-1">

src/app/txpending/[safeTxHash]/page.tsx

@@ -6,18 +6,27 @@ import { useRouter } from "next/navigation";
 import { useEffect } from "react";
 
 import { Spinner } from "#/components/Spinner";
+import { ChainId, publicClientsFromIds } from "#/lib/publicClients";
 
 export default function Page({
   params: { safeTxHash },
 }: {
   params: { safeTxHash: string };
 }) {
-  const { sdk } = useSafeAppsSDK();
+  const { sdk, safe } = useSafeAppsSDK();
+  const publicClient = publicClientsFromIds[safe.chainId as ChainId];
   const router = useRouter();
 
   async function redirectToHistoryOnTxExecuted() {
     const tx = await sdk.txs.getBySafeTxHash(safeTxHash);
-    if (tx.txStatus === TransactionStatus.SUCCESS) {
+    if (tx.txStatus === TransactionStatus.SUCCESS && tx.txHash) {
+      const confirmationBlocks = await publicClient.getTransactionConfirmations(
+        {
+          hash: tx.txHash as `0x${string}`,
+        }
+      );
+
+      if (confirmationBlocks < 3) return;
       // Wait 1 second for the subgraph to index the transaction
       setTimeout(() => {
         router.push("/history");

src/components/RootLayout.tsx

@@ -9,7 +9,6 @@ import React from "react";
 import { ReactFlowProvider } from "reactflow";
 
 import { NetworksContextProvider } from "#/contexts/networks";
-import { OrderProvider } from "#/contexts/ordersContext";
 
 import { Footer } from "./Footer";
 import { Header } from "./Header";
@@ -33,19 +32,17 @@ export function RootLayout({ children }: React.PropsWithChildren) {
     <SafeProvider loader={<SafeLoader />}>
       <NetworksContextProvider>
         <ReactFlowProvider>
-          <OrderProvider>
-            <div className="flex flex-col h-screen">
-              <Header linkUrl={"/builder"} imageSrc={"/assets/stoploss.svg"}>
-                {path !== "/history" && <HistoryButton />}
-              </Header>
-              <div className="size-full bg-background">{children}</div>
-              <Footer
-                githubLink="https://github.com/bleu-fi/composable-cow-hub"
-                discordLink="https://discord.gg/cowprotocol"
-              />
-            </div>
-            <Toaster />
-          </OrderProvider>
+          <div className="flex flex-col h-screen">
+            <Header linkUrl={"/builder"} imageSrc={"/assets/stoploss.svg"}>
+              {path !== "/history" && <HistoryButton />}
+            </Header>
+            <div className="size-full bg-background">{children}</div>
+            <Footer
+              githubLink="https://github.com/bleu-fi/composable-cow-hub"
+              discordLink="https://discord.gg/cowprotocol"
+            />
+          </div>
+          <Toaster />
         </ReactFlowProvider>
       </NetworksContextProvider>
     </SafeProvider>