Implement okx wallet

consensusnetworks · May 19, 2023 · 97de2d9 · 97de2d9
1 parent 8c865d4
commit 97de2d9
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 7 deletions.
diff --git a/apps/web/src/components/Wallet.vue b/apps/web/src/components/Wallet.vue
@@ -23,6 +23,12 @@
       >
         Select Ledger
       </button>
+      <button
+        class="okx-btn"
+        @click="selectProvider('OkxWallet')"
+      >
+        Select OKX Wallet
+      </button>
       <button
         class="trezor-btn"
         @click="selectProvider('Trezor')"
@@ -320,6 +326,10 @@ button {
   background-color: rgb(0, 0, 0);
 }
 
+.okx-btn {
+  background-color: rgb(125, 1, 182);
+}
+
 .trezor-btn {
   background-color: rgb(34, 99, 55);
 }

diff --git a/apps/web/src/composables/ethers.ts b/apps/web/src/composables/ethers.ts
@@ -7,13 +7,8 @@ import useEnvironment from '@/composables/environment'
 const { createSiweMessage, signInWithEthereum } = useAuth()
 const { ethereumURL } = useEnvironment()
 
-const defaultProviders = {
-  MetaMask: window.ethereum?.providerMap?.get('MetaMask') || undefined,
-  CoinbaseWallet: window.ethereum?.providerMap?.get('CoinbaseWallet') || undefined,
-}
-
 export default function useEthers() {
-  const ethersProviderList = ['CoinbaseWallet', 'MetaMask', 'BraveWallet', 'TrustWallet']
+  const ethersProviderList = ['BraveWallet', 'CoinbaseWallet', 'MetaMask', 'OkxWallet', 'TrustWallet']
 
   async function addEthersNetwork (providerString: ProviderString, network: any) {
     const provider = availableProviders.value[providerString as keyof BrowserProviders]
@@ -264,11 +259,13 @@ export default function useEthers() {
 
 function getBrowserProvider(providerString: ProviderString) {
   if (providerString === 'MetaMask' || providerString === 'CoinbaseWallet') {
-    return defaultProviders[providerString] as EthersProvider
+    return window.ethereum?.providerMap?.get(providerString) || undefined
   } else if (providerString === 'BraveWallet') {
     return getBraveWallet()
   } else if (providerString === 'TrustWallet') {
     return getTrustWallet()
+  } else if (providerString === 'OkxWallet') {
+    return getOkxWallet()
   }
 }
 
@@ -281,6 +278,12 @@ function getBraveWallet() {
   }
 }
 
+function getOkxWallet() {
+  const { okxwallet } = window as any
+  const { okexchain } = window as any
+  return okxwallet || okexchain
+}
+
 function getTrustWallet() {
   const { ethereum } = window as any
   const providers = ethereum?.providers

diff --git a/apps/web/src/interfaces/BrowserProviders.ts b/apps/web/src/interfaces/BrowserProviders.ts
@@ -5,6 +5,7 @@ export interface BrowserProviders {
   BraveWallet?: EthersProvider
   CoinbaseWallet?: EthersProvider
   MetaMask?: EthersProvider
+  OkxWallet?: EthersProvider
   TrustWallet?: EthersProvider
   // Phantom?: any // TODO: Fix this.
 }