From 97de2d97f8deae14cd7953d068629982d3f74245 Mon Sep 17 00:00:00 2001
From: Christopher Cali <chris@consensusnetworks.com>
Date: Fri, 19 May 2023 11:43:12 -0400
Subject: [PATCH] Implement okx wallet

---
 apps/web/src/components/Wallet.vue          | 10 ++++++++++
 apps/web/src/composables/ethers.ts          | 17 ++++++++++-------
 apps/web/src/interfaces/BrowserProviders.ts |  1 +
 3 files changed, 21 insertions(+), 7 deletions(-)

diff --git a/apps/web/src/components/Wallet.vue b/apps/web/src/components/Wallet.vue
index 95f6461b9..8cdc40e47 100644
--- 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
index dd0808e57..7a81ce9fc 100644
--- 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
index 0c372aa1e..700d60d36 100644
--- 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.
 }