fix people status

src/contexts/Balances/index.tsx

@@ -25,10 +25,10 @@ export const BalancesContext = createContext<BalancesContextInterface>(
 export const useBalances = () => useContext(BalancesContext);
 
 export const BalancesProvider = ({ children }: { children: ReactNode }) => {
-  const { api, peopleApi } = useApi();
   const { getBondedAccount } = useBonded();
   const { accounts } = useImportedAccounts();
   const createPoolAccounts = useCreatePoolAccounts();
+  const { api, peopleApi, peopleApiStatus } = useApi();
   const { activeAccount, activeProxy } = useActiveAccounts();
   const controller = getBondedAccount(activeAccount);
 
@@ -68,7 +68,13 @@ export const BalancesProvider = ({ children }: { children: ReactNode }) => {
           addresses: { ...createPoolAccounts(Number(poolId)) },
         });
         if (peopleApi) {
-          ActivePoolsController.syncPools(api, peopleApi, address, newPools);
+          ActivePoolsController.syncPools(
+            api,
+            peopleApi,
+            peopleApiStatus,
+            address,
+            newPools
+          );
         }
       }
     }

src/contexts/Pools/ActivePool/index.tsx

@@ -27,9 +27,9 @@ export const useActivePool = () => useContext(ActivePoolContext);
 export const ActivePoolProvider = ({ children }: { children: ReactNode }) => {
   const { network } = useNetwork();
   const { getPoolMembership } = useBalances();
-  const { isReady, api, peopleApi } = useApi();
   const { activeAccount } = useActiveAccounts();
   const createPoolAccounts = useCreatePoolAccounts();
+  const { isReady, api, peopleApi, peopleApiStatus } = useApi();
   const { getAccountPoolRoles, bondedPools } = useBondedPools();
 
   const membership = getPoolMembership(activeAccount);
@@ -103,6 +103,7 @@ export const ActivePoolProvider = ({ children }: { children: ReactNode }) => {
         ActivePoolsController.syncPools(
           api,
           peopleApi,
+          peopleApiStatus,
           activeAccount,
           newActivePools
         );

src/contexts/Validators/ValidatorEntries/index.tsx

@@ -46,6 +46,7 @@ export const ValidatorsProvider = ({ children }: { children: ReactNode }) => {
     isReady,
     api,
     peopleApi,
+    peopleApiStatus,
     consts: { historyDepth },
     networkMetrics: { earliestStoredSession },
   } = useApi();
@@ -317,7 +318,7 @@ export const ValidatorsProvider = ({ children }: { children: ReactNode }) => {
     // NOTE: validators are shuffled before committed to state.
     setValidators(shuffle(validatorEntries));
 
-    if (peopleApi) {
+    if (peopleApi && peopleApiStatus === 'ready') {
       const addresses = validatorEntries.map(({ address }) => address);
       const { identities, supers } = await IdentitiesController.fetch(
         peopleApi,
@@ -532,11 +533,21 @@ export const ValidatorsProvider = ({ children }: { children: ReactNode }) => {
 
   // Fetch validators and era reward points when fetched status changes.
   useEffect(() => {
-    if (isReady && activeEra.index.isGreaterThan(0)) {
+    if (
+      isReady &&
+      peopleApiStatus === 'ready' &&
+      activeEra.index.isGreaterThan(0)
+    ) {
       fetchValidators();
       fetchErasRewardPoints();
     }
-  }, [validatorsFetched, erasRewardPointsFetched, isReady, activeEra]);
+  }, [
+    validatorsFetched,
+    erasRewardPointsFetched,
+    isReady,
+    peopleApiStatus,
+    activeEra,
+  ]);
 
   // Mark unsynced and fetch session validators and average reward when activeEra changes.
   useEffectIgnoreInitial(() => {

src/controllers/ActivePools/index.ts

@@ -43,6 +43,7 @@ export class ActivePoolsController {
   static syncPools = async (
     api: ApiPromise,
     peopleApi: ApiPromise,
+    peopleApiStatus: string,
     address: MaybeAddress,
     newPools: ActivePoolItem[]
   ): Promise<void> => {
@@ -80,8 +81,8 @@ export class ActivePoolsController {
           ]): Promise<void> => {
             // NOTE: async: fetches identity data for roles.
             await this.handleActivePoolCallback(
-              api,
               peopleApi,
+              peopleApiStatus,
               address,
               pool,
               bondedPool,
@@ -116,8 +117,8 @@ export class ActivePoolsController {
 
   // Handle active pool callback.
   static handleActivePoolCallback = async (
-    api: ApiPromise,
     peopleApi: ApiPromise,
+    peopleApiStatus: string,
     address: string,
     pool: ActivePoolItem,
     bondedPoolResult: AnyApi,
@@ -129,7 +130,7 @@ export class ActivePoolsController {
     const balance = accountDataResult.data;
     const rewardAccountBalance = balance?.free.toString();
 
-    if (peopleApi) {
+    if (peopleApi && peopleApiStatus === 'ready') {
       // Fetch identities for roles and expand `bondedPool` state to store them.
       bondedPool.roleIdentities = await IdentitiesController.fetch(
         peopleApi,