Add accounts for newly added network

src/hooks/useGetOrNetworkAccounts.ts

@@ -1,6 +1,6 @@
 import { useEffect, useCallback } from "react";
 
-import { addNewNetwork, createWallet, isChainIdPresent, isWalletCreated } from "../utils/accounts";
+import { addAccountsForNetwork, addNewNetwork, createWallet, getNextAccountId, isChainIdPresent, isWalletCreated } from "../utils/accounts";
 import { useNetworks } from "../context/NetworksContext";
 import { REQUEST_ADD_NETWORK } from "../utils/constants";
 import { NetworksFormData } from "../types";
@@ -58,6 +58,17 @@ const useGetOrCreateNetwork = () => {
           const retrievedNetworksData = await addNewNetwork(resolvedNetworkData);
           setNetworksData(retrievedNetworksData);
 
+          // Get number of accounts in first network
+          const nextAccountId = await getNextAccountId(
+            `${retrievedNetworksData[0].namespace}:${retrievedNetworksData[0].chainId}`,
+          );
+
+          const selectedNetwork = retrievedNetworksData.find(
+            (network) => network.chainId === chainId,
+          );
+
+          await addAccountsForNetwork(selectedNetwork!, nextAccountId - 1);
+
           sendMessage(window.parent, "NETWORK_ADDED_SUCCESSFULLY", {
             type: "NETWORK_ADDED_SUCCESSFULLY",
             chainId

src/screens/AddNetwork.tsx

@@ -13,7 +13,7 @@ import { LoadingButton } from "@mui/lab";
 
 import { StackParamsList } from "../types";
 import { SelectNetworkType } from "../components/SelectNetworkType";
-import { addAccountsForNetwork, addNewNetwork, getNextAccountId, storeNetworkData } from "../utils/accounts";
+import { addAccountsForNetwork, addNewNetwork, getNextAccountId } from "../utils/accounts";
 import { useNetworks } from "../context/NetworksContext";
 import {
   EIP155,