ObscuroScan: MetaMask button show connected

ten-protocol · Nov 3, 2023 · dfd86da · dfd86da
1 parent aae2f5f
commit dfd86da
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git 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
@@ -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" >