feat: latest changes to wrapper and calling functions

Author: kemuru

web/src/pages/Cases/CaseDetails/Evidence/SubmitEvidenceModal.tsx

@@ -42,10 +42,12 @@ const SubmitEvidenceModal: React.FC<{
                       functionName: "submitEvidence",
                       args: [BigInt(evidenceGroup), cid],
                     });
-                    await wrapWithToast(() => walletClient.writeContract(request), publicClient).then(() => {
-                      setMessage("");
-                      close();
-                    });
+                    await wrapWithToast(async () => await walletClient.writeContract(request), publicClient).then(
+                      () => {
+                        setMessage("");
+                        close();
+                      }
+                    );
                   }
                 })
                 .catch()

web/src/pages/Cases/CaseDetails/Voting/Binary.tsx

@@ -70,7 +70,7 @@ const Binary: React.FC<{ arbitrable: `0x${string}`; voteIDs: string[] }> = ({ ar
       ],
     });
     if (walletClient) {
-      wrapWithToast(() => walletClient.writeContract(request), publicClient).finally(() => {
+      wrapWithToast(async () => await walletClient.writeContract(request), publicClient).finally(() => {
         setChosenOption(-1);
         setIsSending(false);
       });

web/src/utils/wrapWithToast.ts

@@ -1,5 +1,4 @@
 import { toast, ToastPosition, Theme } from "react-toastify";
-import { WriteContractResult } from "wagmi/dist/actions";
 
 export const OPTIONS = {
   position: "top-center" as ToastPosition,
@@ -12,15 +11,19 @@ export const OPTIONS = {
   theme: "colored" as Theme,
 };
 
-export async function wrapWithToast(contractWrite: () => Promise<WriteContractResult>, publicClient: any) {
+export async function wrapWithToast(contractWrite: () => Promise<`0x${string}`>, publicClient: any) {
   toast.info("Transaction initiated", OPTIONS);
+  console.log("1 before contractwrite");
   const { hash } = await contractWrite();
+  console.log("2 after contractwrite, hash:", hash);
   await publicClient
     .waitForTransactionReceipt({ hash, confirmations: 2 })
     .then(() => {
+      console.log("3 inside waitfortransactionreceipt");
       toast.success("Transaction mined!", OPTIONS);
     })
     .catch((error) => {
+      console.log("4 inside waitfortransaction catch", error);
       toast.error(error.message, OPTIONS);
     });
 }