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

refactor(dapp-v2): upgrade web3modal to 2.0.0-beta.8 (#89)

Browse Source
This commit is contained in:
Ben Kremer 2022-12-06 17:30:55 +01:00 committed by GitHub
parent 907fecdd67
commit 27bd944c32
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 103 additions and 710 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
dapps/react-dapp-v2/package.json
View File

@ -19,9 +19,7 @@
"@walletconnect/sign-client": "2.1.4", "@walletconnect/sign-client": "2.1.4",
"@walletconnect/types": "2.1.4", "@walletconnect/types": "2.1.4",
"@walletconnect/utils": "2.1.4", "@walletconnect/utils": "2.1.4",
"@web3modal/core": "2.0.0-beta.4", "@web3modal/standalone": "2.0.0-beta.8",
"@web3modal/ethereum": "2.0.0-beta.4",
"@web3modal/ui": "2.0.0-beta.4",
"axios": "^0.21.1", "axios": "^0.21.1",
"blockies-ts": "^1.0.0", "blockies-ts": "^1.0.0",
"bs58": "^5.0.0", "bs58": "^5.0.0",

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

@ -1,8 +1,6 @@
import Client from "@walletconnect/sign-client"; import Client from "@walletconnect/sign-client";
import { PairingTypes, SessionTypes } from "@walletconnect/types"; import { PairingTypes, SessionTypes } from "@walletconnect/types";
import { ConfigCtrl as ModalConfigCtrl, ModalCtrl } from "@web3modal/core"; import { Web3Modal } from "@web3modal/standalone";
import type { W3mModal } from "@web3modal/ui";
import "@web3modal/ui";
import { import {
createContext, createContext,
@ -55,9 +53,9 @@ export const ClientContext = createContext<IContext>({} as IContext);
/** /**
* Web3Modal Config * Web3Modal Config
*/ */
ModalConfigCtrl.setConfig({ const web3Modal = new Web3Modal({
projectId: DEFAULT_PROJECT_ID, projectId: DEFAULT_PROJECT_ID,
theme: "light" as const, themeMode: "light",
}); });
/** /**
@ -158,7 +156,7 @@ export function ClientContextProvider({
.map((namespace) => namespace.chains) .map((namespace) => namespace.chains)
.flat(); .flat();
ModalCtrl.open({ uri, standaloneChains }); web3Modal.openModal({ uri, standaloneChains });
} }
const session = await approval(); const session = await approval();
@ -171,7 +169,7 @@ export function ClientContextProvider({
// ignore rejection // ignore rejection
} finally { } finally {
// close modal in case it was open // close modal in case it was open
ModalCtrl.close(); web3Modal.closeModal();
} }
}, },
[chains, client, onSessionConnected] [chains, client, onSessionConnected]
@ -320,23 +318,11 @@ export function ClientContextProvider({
...value, ...value,
}} }}
> >
<>
{children} {children}
<w3m-modal></w3m-modal>
</>
</ClientContext.Provider> </ClientContext.Provider>
); );
} }
// Let Typescript know about the custom w3m-modal dom / webcomponent element
declare global {
namespace JSX {
interface IntrinsicElements {
"w3m-modal": Partial<W3mModal>;
}
}
}
export function useWalletConnectClient() { export function useWalletConnectClient() {
const context = useContext(ClientContext); const context = useContext(ClientContext);
if (context === undefined) { if (context === undefined) {

783
dapps/react-dapp-v2/yarn.lock
View File

File diff suppressed because it is too large Load Diff