feat: add status, isReady and isActive properties to check status of the providers

Author: gabrielkuettel

src/hooks/useWallet.ts

@@ -76,6 +76,34 @@ export default function useWallet() {
     return client;
   };
 
+  const status = useMemo(() => {
+    if (activeAccount === undefined) {
+      return "initializing";
+    }
+
+    if (activeAccount === null && connectedAccounts.length) {
+      return "connected";
+    }
+
+    if (activeAccount === null && !connectedAccounts.length) {
+      return "disconnected";
+    }
+
+    if (activeAccount && activeAccount.address) {
+      return "active";
+    }
+
+    return "error";
+  }, [activeAccount]);
+
+  const isActive = useMemo(() => {
+    return status === "active";
+  }, [status]);
+
+  const isReady = useMemo(() => {
+    return status !== "initializing";
+  }, [status]);
+
   const selectActiveAccount = async (
     providerId: PROVIDER_ID,
     address: string
@@ -250,6 +278,9 @@ export default function useWallet() {
     connectedActiveAccounts,
     activeAccount,
     activeAddress: activeAccount?.address,
+    status,
+    isActive,
+    isReady,
     signer,
     signTransactions,
     sendTransactions,

src/store/state/walletStore.ts

@@ -16,7 +16,7 @@ export const walletStoreSelector = (state: WalletStore) => ({
 
 export type WalletStore = {
   accounts: Account[];
-  activeAccount: Account | null;
+  activeAccount: Account | null | undefined;
   setActiveAccount: (account: Account) => void;
   clearActiveAccount: (id: PROVIDER_ID) => void;
   addAccounts: (accounts: Account[]) => void;
@@ -25,7 +25,7 @@ export type WalletStore = {
 
 const emptyState: WalletStore = {
   accounts: [],
-  activeAccount: null,
+  activeAccount: undefined,
   setActiveAccount: (account: Account) => {},
   clearActiveAccount: (id: PROVIDER_ID) => {},
   addAccounts: (accounts: Account[]) => {},