fix(web): return hash correctly on all functions

Author: alcercu

web/src/pages/Cases/CaseDetails/Appeal/Classic/Fund.tsx

@@ -79,7 +79,7 @@ const Fund: React.FC = () => {
             onClick={() => {
               if (fundAppeal) {
                 setIsSending(true);
-                wrapWithToast(fundAppeal, publicClient)
+                wrapWithToast(async () => await fundAppeal().then((response) => response.hash), publicClient)
                   .then(() => {
                     setAmount("");
                     close();

web/src/pages/Courts/CourtDetails/StakePanel/StakeWithdrawButton.tsx

@@ -40,7 +40,7 @@ const StakeWithdrawButton: React.FC<IActionButton> = ({ parsedAmount, action, se
   });
   const { data: jurorBalance } = useKlerosCoreGetJurorBalance({
     enabled: !isUndefined(address),
-    args: [address, id],
+    args: [address ?? "0x", BigInt(id ?? 0)],
     watch: true,
   });
   const { data: allowance } = usePNKAllowance(address);
@@ -59,20 +59,23 @@ const StakeWithdrawButton: React.FC<IActionButton> = ({ parsedAmount, action, se
         return jurorBalance[0] - parsedAmount;
       }
     }
-  }, [action, jurorBalance, parsedAmount]);
+    return 0n;
+  }, [jurorBalance, parsedAmount, isAllowance, isStaking]);
 
   const klerosCore = getKlerosCore({});
   const { config: increaseAllowanceConfig } = usePreparePnkIncreaseAllowance({
-    enabled: !isUndefined(klerosCore) && !isUndefined(targetStake) && !isUndefined(allowance),
+    enabled: isAllowance && !isUndefined(klerosCore) && !isUndefined(targetStake) && !isUndefined(allowance),
     args: [klerosCore?.address, BigInt(targetStake ?? 0) - BigInt(allowance ?? 0)],
   });
   const { writeAsync: increaseAllowance } = usePnkIncreaseAllowance(increaseAllowanceConfig);
   const handleAllowance = () => {
     if (!isUndefined(increaseAllowance)) {
       setIsSending(true);
-      wrapWithToast(increaseAllowance, publicClient).finally(() => {
-        setIsSending(false);
-      });
+      wrapWithToast(async () => await increaseAllowance().then((response) => response.hash), publicClient).finally(
+        () => {
+          setIsSending(false);
+        }
+      );
     }
   };
 
@@ -84,7 +87,7 @@ const StakeWithdrawButton: React.FC<IActionButton> = ({ parsedAmount, action, se
   const handleStake = () => {
     if (typeof setStake !== "undefined") {
       setIsSending(true);
-      wrapWithToast(setStake, publicClient)
+      wrapWithToast(async () => await setStake().then((response) => response.hash), publicClient)
         .then(() => {
           setAmount("");
         })

web/src/utils/wrapWithToast.ts

@@ -13,17 +13,13 @@ export const OPTIONS = {
 
 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);
+  const hash = await contractWrite();
   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);
     });
 }