From 8978c92539907e340832bf9d15a19d5e41ec844d Mon Sep 17 00:00:00 2001
From: Shubham Gupta <shubham.gupta2956@gmail.com>
Date: Thu, 5 Sep 2024 19:54:51 +0530
Subject: [PATCH] Fix build error

---
 packages/app/src/pages/MainPage.tsx | 28 ++++++++++++++--------------
 1 file changed, 14 insertions(+), 14 deletions(-)

diff --git a/packages/app/src/pages/MainPage.tsx b/packages/app/src/pages/MainPage.tsx
index e63e5db..8fd063a 100644
--- a/packages/app/src/pages/MainPage.tsx
+++ b/packages/app/src/pages/MainPage.tsx
@@ -3,7 +3,7 @@ import React, { useEffect, useState } from "react";
 import { useMount, useUpdateEffect } from "react-use";
 import styled from "styled-components";
 import _ from "lodash";
-import { useAccount, useWriteContract } from "wagmi";
+import { useAccount, useWaitForTransactionReceipt, useWriteContract } from "wagmi";
 import {
   downloadProofFiles,
   generateProof,
@@ -204,6 +204,12 @@ export const MainPage: React.FC<{}> = (props) => {
   };
 
   const { data, isPending, isSuccess, writeContract } = useWriteContract();
+  const { isLoading: isConfirming, isSuccess: isConfirmed, isError, error: txError } =
+  useWaitForTransactionReceipt({
+    hash: data,
+  })
+
+  console.log(data, isPending, isSuccess, writeContract, isConfirming, isConfirmed, isError, txError)
 
   const handleFetchEmails = async () => {
     try {
@@ -340,7 +346,6 @@ export const MainPage: React.FC<{}> = (props) => {
         "zk-email/proof-of-twitter-v2",
         input
       );
-      setActiveStep(4);
     } catch (err) {
       console.log("Something went wrong", err);
       setIsRemoteProofGenerationLoading(false);
@@ -354,6 +359,7 @@ export const MainPage: React.FC<{}> = (props) => {
       setPublicSignals(
         JSON.stringify(proofStatus[Object.keys(proofStatus)[0]].publicOutput)
       );
+      setActiveStep(4);
     }
   }, [proofStatus]);
 
@@ -363,12 +369,6 @@ export const MainPage: React.FC<{}> = (props) => {
     }
   }, [inputWorkers]);
 
-  console.log(
-    proofStatus[Object.keys(proofStatus)[0]]?.proof,
-    proofStatus[Object.keys(proofStatus)[0]],
-    proofStatus
-  );
-
   const verifyRemoteProof = async (id: string) => {
     if (!proofStatus[Object.keys(proofStatus)[0]]) {
       return;
@@ -415,9 +415,9 @@ export const MainPage: React.FC<{}> = (props) => {
       },
       {
         onError: (error, variables, context) =>
-          setIsRemoteProofVerificationLoading(false),
+          {setIsRemoteProofVerificationLoading(false); console.log(error)},
         onSuccess: (data, variables, context) =>
-          setIsRemoteProofVerificationLoading(false),
+          {setIsRemoteProofVerificationLoading(false); console.log(data)},
       }
     );
   };
@@ -1031,7 +1031,7 @@ export const MainPage: React.FC<{}> = (props) => {
                         onClick={async () => {
                           if (isSuccess) {
                             window.open(
-                              `https://sepolia.etherscan.io/tx/${data?.hash}`,
+                              `https://sepolia.etherscan.io/tx/${data}`,
                               "_blank"
                             );
                           } else {
@@ -1090,11 +1090,11 @@ export const MainPage: React.FC<{}> = (props) => {
                       </Button>
                     </>
                   )}
-                  {isSuccess && (
+                  {isSuccess || isConfirmed && (
                     <div>
                       Transaction:{" "}
-                      <a href={"https://sepolia.etherscan.io/tx/" + data?.hash}>
-                        {data?.hash}
+                      <a href={"https://sepolia.etherscan.io/tx/" + data}>
+                        {data}
                       </a>
                     </div>
                   )}