Remove ledger and coinbase providers (#114)

* Remove Ledger and Coinbase wallet providers * Create neat-turkeys-sit.md
Developer-DAO · Dec 13, 2021 · a893f34 · a893f34
1 parent d5c3358
commit a893f34
Show file tree

Hide file tree

Showing 4 changed files with 26 additions and 348 deletions.
diff --git a/.changeset/neat-turkeys-sit.md b/.changeset/neat-turkeys-sit.md
@@ -0,0 +1,5 @@
+---
+'@web3-ui/hooks': minor
+---
+
+Remove Ledger and Coinbase wallet providers
diff --git a/packages/hooks/package.json b/packages/hooks/package.json
@@ -31,10 +31,8 @@
   "module": "dist/web3-ui-hooks.esm.js",
   "types": "dist/web3-ui-hooks.cjs.d.ts",
   "dependencies": {
-    "@rsksmart/rlogin-ledger-provider": "^1.0.1",
     "@walletconnect/web3-provider": "^1.6.6",
     "ethers": "^5.5.1",
-    "walletlink": "^2.2.10",
     "web3modal": "^1.9.4"
   },
   "peerDependencies": {

diff --git a/packages/hooks/src/Provider.tsx b/packages/hooks/src/Provider.tsx
@@ -1,9 +1,7 @@
 import { JsonRpcSigner } from '@ethersproject/providers/src.ts/json-rpc-provider';
-import { ledgerProviderOptions } from '@rsksmart/rlogin-ledger-provider';
 import WalletConnectProvider from '@walletconnect/web3-provider';
 import { ethers } from 'ethers';
 import React from 'react';
-import WalletLink from 'walletlink';
 import Web3Modal, { IProviderOptions } from 'web3modal';
 
 export interface Web3ContextType {
@@ -68,17 +66,6 @@ export const Provider: React.FC<ProviderProps> = ({
   const [connection, setConnection] = React.useState<any>();
 
   const connectWallet = React.useCallback(async () => {
-    // Coinbase walletLink init
-    const walletLink = new WalletLink({
-      appName: 'coinbase',
-    });
-
-    // WalletLink provider
-    const walletLinkProvider = walletLink.makeWeb3Provider(
-      `https://eth-mainnet.alchemyapi.io/v2/${infuraId}`,
-      1
-    );
-
     const defaulProviderOptions = {
       walletconnect: {
         package: WalletConnectProvider,
@@ -92,21 +79,6 @@ export const Provider: React.FC<ProviderProps> = ({
           },
         },
       },
-      'custom-walletlink': {
-        display: {
-          logo: 'https://play-lh.googleusercontent.com/PjoJoG27miSglVBXoXrxBSLveV6e3EeBPpNY55aiUUBM9Q1RCETKCOqdOkX2ZydqVf0',
-          name: 'Coinbase',
-          description: 'Connect to Coinbase Wallet',
-        },
-        package: walletLinkProvider,
-        connector: async (provider, options) => {
-          await provider.enable();
-          return provider;
-        },
-      },
-      'custom-ledger': {
-        ...ledgerProviderOptions,
-      },
     };
 
     const web3Modal = new Web3Modal({
@@ -117,7 +89,7 @@ export const Provider: React.FC<ProviderProps> = ({
     setConnection(connection);
     const provider = new ethers.providers.Web3Provider(connection);
     setProvider(provider);
-    const chainId = await provider.getNetwork().then((network) => network.chainId);
+    const chainId = await provider.getNetwork().then(network => network.chainId);
     setChainId(chainId);
     setCorrectNetwork(chainId === network);
     const signer = provider.getSigner();
@@ -154,7 +126,7 @@ export const Provider: React.FC<ProviderProps> = ({
   const onAccountsChanged = async () => {
     const provider = new ethers.providers.Web3Provider(connection);
     setProvider(provider);
-    const chainId = await provider.getNetwork().then((network) => network.chainId);
+    const chainId = await provider.getNetwork().then(network => network.chainId);
     setChainId(chainId);
     setCorrectNetwork(chainId === network);
     const signer = provider.getSigner();