chore: add debug logs to hooks

#62
golemfactory · Jun 14, 2024 · 79d56aa · 79d56aa
1 parent 673bb9b
commit 79d56aa
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 1 deletion.
diff --git a/frontend/src/components/providers/userProvider.tsx b/frontend/src/components/providers/userProvider.tsx
@@ -236,6 +236,7 @@ export const UserProvider = ({ children }: PropsWithChildren<{}>) => {
     }
   }, [isUserLoading, userData, user.allowanceAmount, depositData]);
 
+  console.log("use allowance hook call");
   const { isFetched: isAllowanceFetched, amount: allowanceAmount } =
     useAllowance();
 
@@ -267,6 +268,7 @@ export const UserProvider = ({ children }: PropsWithChildren<{}>) => {
       if (isRegistered) {
         if (isAllowanceFetched && allowanceAmount !== undefined) {
           if (allowanceAmount > config.minimalAllowance) {
+            console.log("enough allowance");
             dispatch({
               kind: UserAction.ENOUGH_ALLOWANCE,
               payload: { allowanceAmount },

diff --git a/frontend/src/hooks/GLM/useGLMApprove.tsx b/frontend/src/hooks/GLM/useGLMApprove.tsx
@@ -12,6 +12,9 @@ import { useChainId } from "hooks/useChainId";
 import { assertOptionalBigInt } from "types/assertBigInt";
 import { TransactionExecutionError } from "viem";
 import { useEffect, useState } from "react";
+import { use } from "i18next";
+
+const debug = require("debug")("useAllowance");
 
 export function useAllowance(): {
   isFetched: boolean;
@@ -20,7 +23,16 @@ export function useAllowance(): {
   const chainId = useChainId();
   const { address } = useAccount();
 
-  const { isFetched, data: allowanceAmount } = useReadContract({
+  useEffect(() => {
+    debug("Read allowance");
+    debug("from: ", address);
+    debug("to contact: ", config.GLMContractAddress[chainId]);
+  }, [address, chainId]);
+  const {
+    isFetched,
+    data: allowanceAmount,
+    isError,
+  } = useReadContract({
     address: config.GLMContractAddress[chainId],
     abi: abi,
     functionName: "allowance",
@@ -31,6 +43,11 @@ export function useAllowance(): {
     },
   });
 
+  useEffect(() => {
+    debug("Allowance amount: ", allowanceAmount);
+    debug("isFetched: ", isFetched);
+    debug("isError: ", isError);
+  }, [allowanceAmount, isFetched]);
   return {
     isFetched,
     amount: allowanceAmount,