Init indexer and algod clients when the page is loaded (#63)

Author: PatrickDinh

src/features/common/data/index.ts

@@ -1,14 +1,17 @@
 import { Config, getAlgoClient, getAlgoIndexerClient } from '@algorandfoundation/algokit-utils'
-import { NetworkConfig, localnetConfig } from '../../settings/data/network'
+import { NetworkConfig, networkConfigAtom } from '../../settings/data/network'
+import { settingsStore } from '@/features/settings/data'
 export * from './atom-with-debounce'
 
 Config.configure({
   logger: Config.getLogger(true),
 })
 
-export let indexer = getAlgoIndexerClient(localnetConfig.indexer)
+// Init the network config from local storage
+const networkConfig = settingsStore.get(networkConfigAtom)
+export let indexer = getAlgoIndexerClient(networkConfig.indexer)
 
-export let algod = getAlgoClient(localnetConfig.algod)
+export let algod = getAlgoClient(networkConfig.algod)
 
 export const setNetwork = (networkConfig: NetworkConfig) => {
   indexer = getAlgoIndexerClient(networkConfig.indexer)

src/features/settings/data/network.ts

@@ -60,7 +60,7 @@ export const networksConfigs = [mainnetConfig, testnetConfig, localnetConfig]
 
 export const selectedNetworkAtom = atomWithStorage('network', localnetConfig.id, undefined, { getOnInit: true })
 
-const networkConfigAtom = atom((get) => {
+export const networkConfigAtom = atom((get) => {
   const id = get(selectedNetworkAtom)
   const config = networksConfigs.find((n) => n.id === id)