debug: add account and user store debugging to track connection state

Author: SeddikBellamine

src/hooks/useWatchAccount.ts

@@ -4,11 +4,22 @@ import { cleanIExecSDKs, initIExecSDKs } from '@/externals/iexecSdkClient.ts';
 import useUserStore from '@/stores/useUser.store';
 
 export function useWatchAccount() {
+  console.log('useWatchAccount: Hook called');
   const { connector, status, address, chain, isConnected } = useAccount();
   const { setConnector, setIsConnected, setAddress, setChainId } =
     useUserStore();
 
+  console.log('useWatchAccount: Account state:', {
+    connector: !!connector,
+    status,
+    address,
+    chainId: chain?.id,
+    isConnected,
+  });
+
   useEffect(() => {
+    console.log('useWatchAccount: useEffect triggered with status:', status);
+
     // Update userStore
     setConnector(connector);
     setIsConnected(isConnected);
@@ -17,9 +28,11 @@ export function useWatchAccount() {
 
     // Update dataProtector client
     if (status === 'connected') {
+      console.log('useWatchAccount: Initializing iExec SDKs');
       initIExecSDKs({ connector });
       return;
     }
+    console.log('useWatchAccount: Cleaning iExec SDKs');
     cleanIExecSDKs();
   }, [connector, status, address, chain]);
 }

src/stores/useUser.store.ts

@@ -17,17 +17,25 @@ type UserState = {
 
 const useUserStore = create<UserState>((set) => ({
   connector: undefined,
-  setConnector: (connector: Connector | undefined) => set({ connector }),
+  setConnector: (connector: Connector | undefined) => {
+    console.log('UserStore: setConnector called with:', !!connector);
+    set({ connector });
+  },
   isConnected: false,
-  setIsConnected: (isConnected: boolean) => set({ isConnected }),
+  setIsConnected: (isConnected: boolean) => {
+    console.log('UserStore: setIsConnected called with:', isConnected);
+    set({ isConnected });
+  },
   isInitialized: false,
   setInitialized: (isInitialized) => set({ isInitialized }),
   address: undefined,
   setAddress: (address: Address | undefined) => {
+    console.log('UserStore: setAddress called with:', address);
     set({ address: address?.toLowerCase() as Address });
   },
   chainId: undefined,
   setChainId: (chainId: number | undefined) => {
+    console.log('UserStore: setChainId called with:', chainId);
     set({ chainId: chainId });
   },
 }));