From dfd86dad4c7e5f27a6f8b5a2fe6b7df73214df32 Mon Sep 17 00:00:00 2001
From: Matt Curtis <matt@obscu.ro>
Date: Fri, 3 Nov 2023 13:25:57 +0000
Subject: [PATCH] ObscuroScan: MetaMask button show connected

---
 .../frontend/src/components/MetaMaskConnectButton.vue       | 6 ++++--
 .../frontend/src/components/PersonalTxsGrid.vue             | 2 +-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/tools/obscuroscan_v2/frontend/src/components/MetaMaskConnectButton.vue b/tools/obscuroscan_v2/frontend/src/components/MetaMaskConnectButton.vue
index d556c2fa41..4a1bf18ef9 100644
--- a/tools/obscuroscan_v2/frontend/src/components/MetaMaskConnectButton.vue
+++ b/tools/obscuroscan_v2/frontend/src/components/MetaMaskConnectButton.vue
@@ -1,7 +1,8 @@
 <template>
   <el-button @click="connectMetamask" size="large" >
     <img src="@/assets/imgs/icon_metamask.png" alt="Connect with MetaMask" class="metamask-icon" />
-    Connect with MetaMask
+    <div v-if="walletStore.provider">Connected!</div>
+    <div v-else>Connect with MetaMask</div>
   </el-button>
 </template>
 
@@ -36,7 +37,8 @@ export default {
     }
 
     return {
-      connectMetamask
+      connectMetamask,
+      walletStore
     };
   }
 }
diff --git a/tools/obscuroscan_v2/frontend/src/components/PersonalTxsGrid.vue b/tools/obscuroscan_v2/frontend/src/components/PersonalTxsGrid.vue
index e95c1489a4..d505cd93eb 100644
--- a/tools/obscuroscan_v2/frontend/src/components/PersonalTxsGrid.vue
+++ b/tools/obscuroscan_v2/frontend/src/components/PersonalTxsGrid.vue
@@ -10,7 +10,7 @@
     </el-table-column>
     <el-table-column prop="status" label="Status" width="180" >
       <template #default="scope">
-        <span style="margin-left: 10px">{{ (Number(scope.row.status) === 1) ? "Sucess" : "Failed" }}</span>
+        <span style="margin-left: 10px">{{ (Number(scope.row.status) === 1) ? "Success" : "Failed" }}</span>
       </template>
     </el-table-column>
     <el-table-column prop="gasUsed" label="Gas Cost" width="180" >