diff --git a/package.json b/package.json index 71bbfa1cc2..71eb6c0926 100644 --- a/package.json +++ b/package.json @@ -19,8 +19,12 @@ "@types/react-router-dom": "5.3.3", "@uniswap/sdk-core": "3.0.1", "@uniswap/v3-sdk": "3.9.0", + "@walletconnect/ethereum-provider": "^2.8.0", + "@walletconnect/modal": "^2.4.6", + "@web3-react/abstract-connector": "6.0.7", "@web3-react/core": "6.1.9", "@web3-react/injected-connector": "6.0.7", + "@web3-react/types": "6.0.7", "@web3-react/walletconnect-connector": "6.2.8", "bigdecimal": "0.6.1", "classnames": "2.3.1", diff --git a/src/App/App.js b/src/App/App.js index 264d5c2fcb..5ef64c1520 100644 --- a/src/App/App.js +++ b/src/App/App.js @@ -90,7 +90,7 @@ import { clearWalletConnectData, clearWalletLinkData, getInjectedHandler, - getWalletConnectHandler, + getWalletConnectV2Handler, hasCoinBaseWalletExtension, hasMetaMaskWalletExtension, useEagerConnect, @@ -198,8 +198,9 @@ function FullApp() { }; const connectInjectedWallet = getInjectedHandler(activate, deactivate); - const activateWalletConnect = () => { - getWalletConnectHandler(activate, deactivate, setActivatingConnector)(); + + const activateWalletConnectV2 = () => { + getWalletConnectV2Handler(activate, deactivate, setActivatingConnector)(); }; const userOnMobileDevice = "navigator" in window && isMobileDevice(window.navigator); @@ -594,7 +595,7 @@ function FullApp() { Coinbase Wallet -