Address copy button bug fix

quangnhat234 · Feb 17, 2021 · 67a621b · 67a621b
1 parent af11a92
commit 67a621b
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 5 deletions.
diff --git a/changelog/infrastructure.md b/changelog/infrastructure.md
@@ -19,6 +19,8 @@ components, the logs will have the following format:
 
 ### Fixed
 
+- (`explorer`): Bug with 'Click to copy' button for account address.
+
 ## Release 2021-02-02
 
 ### Removed

diff --git a/infrastructure/explorer/src/Account.vue b/infrastructure/explorer/src/Account.vue
@@ -7,7 +7,7 @@
             <b-card no-body class="table-margin-hack">
                 <b-table responsive thead-class="displaynone" class="nowrap" :items="accountDataProps">
                     <template v-slot:cell(value)="data">
-                        <Entry v-if="data.item.name == 'Address'" :value="data.item.value" />
+                        <Entry class="bigger-text" v-if="data.item.name == 'Address'" :value="data.item.value" />
                         <Entry v-else-if="data.item.name == 'Account Id'" :value="data.item.value" />
                         <Entry v-else-if="data.item.name == 'Verified nonce'" :value="data.item.value" />
                         <Entry v-else-if="data.item.name == 'Committed nonce'" :value="data.item.value" />
@@ -232,10 +232,7 @@ export default {
             return dataProps;
         },
         addressEntry() {
-            return makeEntry('Address')
-                .innerHTML(`<a class="bigger-text">${this.address}</a> `)
-                .copyable()
-                .tooltipRight(true);
+            return makeEntry('Address').innerHTML(this.address).copyable().tooltipRight(true);
         },
         accountIdEntry() {
             return makeEntry('Account Id').innerHTML(this.accountId);