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

refactor: simplifies onSessionConnected

Browse Source
This commit is contained in:
Ben Kremer 2022-02-08 11:15:05 +01:00
parent d675606194
commit 067aca31b8
2 changed files with 15 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
dapps/react-dapp-v2/src/HooksApp.tsx
View File

@ -1,4 +1,4 @@
import React, { useState } from "react";
import React, { useEffect, useState } from "react";
import { version } from "@walletconnect/client/package.json";
// import { formatDirectSignDoc, stringifySignDocValues } from "cosmos-wallet";
@ -60,6 +60,13 @@ export default function App() {
rpcResult,
} = useJsonRpc();
useEffect(() => {
// Close the pairing modal after a session is established.
if (session && modal === "pairing") {
closeModal();
}
}, [session, modal]);
const onConnect = () => {
if (typeof client === "undefined") {
throw new Error("WalletConnect is not initialized");

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

@ -102,32 +102,17 @@ export function ClientContextProvider({ children }: { children: ReactNode | Reac
if (typeof session !== "undefined") return;
// populates existing session to state (assume only the top one)
if (_client.session.topics.length) {
const session = await _client.session.get(_client.session.topics[0]);
const chains = session.state.accounts.map(account =>
account.split(":").slice(0, -1).join(":"),
);
setAccounts(session.state.accounts);
setChains(chains);
onSessionConnected(session);
const _session = await _client.session.get(_client.session.topics[0]);
onSessionConnected(_session);
}
};
const onSessionUpdate = useCallback(async (accounts: string[], chains: string[]) => {
setChains(chains);
setAccounts(accounts);
await getAccountBalances(accounts);
}, []);
const onSessionConnected = useCallback(
async (incomingSession: SessionTypes.Settled) => {
const onSessionConnected = useCallback(async (incomingSession: SessionTypes.Settled) => {
setSession(incomingSession);
onSessionUpdate(
incomingSession.state.accounts,
incomingSession.permissions.blockchain.chains,
);
},
[onSessionUpdate],
);
setChains(incomingSession.permissions.blockchain.chains);
setAccounts(incomingSession.state.accounts);
await getAccountBalances(incomingSession.state.accounts);
}, []);
const connect = useCallback(
async (pairing?: { topic: string }) => {
@ -135,10 +120,6 @@ export function ClientContextProvider({ children }: { children: ReactNode | Reac
throw new Error("WalletConnect is not initialized");
}
console.log("connect", pairing);
// TODO:
// if (modal === "pairing") {
// closeModal();
// }
try {
const supportedNamespaces: string[] = [];
chains.forEach(chainId => {