deep-stack/wallet-connect-web-examples
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

chore: clean up ordering in ClientContext

Browse Source
This commit is contained in:
Ben Kremer 2022-02-10 14:37:00 +01:00
parent 1a2e5098c3
commit 40f7cab8fc
1 changed files with 37 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

74
dapps/react-dapp-v2/src/contexts/ClientContext.tsx
View File

@ -60,6 +60,38 @@ export function ClientContextProvider({ children }: { children: ReactNode | Reac
const [accounts, setAccounts] = useState<string[]>([]); const [accounts, setAccounts] = useState<string[]>([]);
const [chains, setChains] = useState<string[]>([]); const [chains, setChains] = useState<string[]>([]);
const resetApp = () => {
setPairings([]);
setSession(undefined);
setBalances({});
setAccounts([]);
setChains([]);
};
const getAccountBalances = async (_accounts: string[]) => {
setFetching(true);
try {
const arr = await Promise.all(
_accounts.map(async account => {
const [namespace, reference, address] = account.split(":");
const chainId = `${namespace}:${reference}`;
const assets = await apiGetAccountAssets(address, chainId);
return { account, assets };
}),
);
const balances: AccountBalances = {};
arr.forEach(({ account, assets }) => {
balances[account] = assets;
});
setBalances(balances);
} catch (e) {
console.error(e);
} finally {
setFetching(false);
}
};
const onSessionConnected = useCallback(async (incomingSession: SessionTypes.Settled) => { const onSessionConnected = useCallback(async (incomingSession: SessionTypes.Settled) => {
setSession(incomingSession); setSession(incomingSession);
setChains(incomingSession.permissions.blockchain.chains); setChains(incomingSession.permissions.blockchain.chains);
@ -132,39 +164,7 @@ export function ClientContextProvider({ children }: { children: ReactNode | Reac
}); });
}, [client, session]); }, [client, session]);
const getAccountBalances = async (_accounts: string[]) => { const _subscribeToEvents = useCallback(async (_client: Client) => {
setFetching(true);
try {
const arr = await Promise.all(
_accounts.map(async account => {
const [namespace, reference, address] = account.split(":");
const chainId = `${namespace}:${reference}`;
const assets = await apiGetAccountAssets(address, chainId);
return { account, assets };
}),
);
const balances: AccountBalances = {};
arr.forEach(({ account, assets }) => {
balances[account] = assets;
});
setBalances(balances);
} catch (e) {
console.error(e);
} finally {
setFetching(false);
}
};
const resetApp = () => {
setPairings([]);
setSession(undefined);
setBalances({});
setAccounts([]);
setChains([]);
};
const subscribeToEvents = useCallback(async (_client: Client) => {
if (typeof _client === "undefined") { if (typeof _client === "undefined") {
throw new Error("WalletConnect is not initialized"); throw new Error("WalletConnect is not initialized");
} }
@ -194,7 +194,7 @@ export function ClientContextProvider({ children }: { children: ReactNode | Reac
}); });
}, []); }, []);
const checkPersistedState = useCallback( const _checkPersistedState = useCallback(
async (_client: Client) => { async (_client: Client) => {
if (typeof _client === "undefined") { if (typeof _client === "undefined") {
throw new Error("WalletConnect is not initialized"); throw new Error("WalletConnect is not initialized");
@ -222,14 +222,14 @@ export function ClientContextProvider({ children }: { children: ReactNode | Reac
}); });
setClient(_client); setClient(_client);
await subscribeToEvents(_client); await _subscribeToEvents(_client);
await checkPersistedState(_client); await _checkPersistedState(_client);
} catch (err) { } catch (err) {
throw err; throw err;
} finally { } finally {
setLoading(false); setLoading(false);
} }
}, [checkPersistedState, subscribeToEvents]); }, [_checkPersistedState, subscribeToEvents]);
useEffect(() => { useEffect(() => {
if (!client) { if (!client) {