From 851f7c174e2dc8b5c5d4a5568b811958c2d33b77 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Thu, 24 Nov 2022 21:32:05 +0800
Subject: [PATCH 1/8] fetch from provider chain

---
 src/libs/fetch.js | 34 +++++++++++++++++-----------------
 1 file changed, 17 insertions(+), 17 deletions(-)

diff --git a/src/libs/fetch.js b/src/libs/fetch.js
index efa523be..16bc1de5 100644
--- a/src/libs/fetch.js
+++ b/src/libs/fetch.js
@@ -128,8 +128,8 @@ export default class ChainFetch {
     //   return ret
     // })
     return Promise.all([
-      this.get(`/cosmos/distribution/v1beta1/validators/${address}/commission`),
-      this.get(`/cosmos/distribution/v1beta1/validators/${address}/outstanding_rewards`),
+      this.get(`/cosmos/distribution/v1beta1/validators/${address}/commission`, null, true),
+      this.get(`/cosmos/distribution/v1beta1/validators/${address}/outstanding_rewards`, null, true),
     ]).then(data => {
       const ret = ValidatorDistribution.create({
         operator_address: address,
@@ -159,7 +159,7 @@ export default class ChainFetch {
   }
 
   async getStakingPool() {
-    return this.get('/cosmos/staking/v1beta1/pool').then(data => new StakingPool().init(commonProcess(data.pool)))
+    return this.get('/cosmos/staking/v1beta1/pool', null, true).then(data => new StakingPool().init(commonProcess(data.pool)))
   }
 
   async getMintingInflation() {
@@ -176,7 +176,7 @@ export default class ChainFetch {
   }
 
   async getStakingParameters() {
-    return this.get('/cosmos/staking/v1beta1/params').then(data => {
+    return this.get('/cosmos/staking/v1beta1/params', null, true).then(data => {
       this.getSelectedConfig()
       return StakingParameters.create(commonProcess(data.params), this.config.chain_name)
     })
@@ -223,7 +223,7 @@ export default class ChainFetch {
   }
 
   async getStakingValidator(address) {
-    return this.get(`/cosmos/staking/v1beta1/validators/${address}`).then(data => new Validator().init(commonProcess(data).validator))
+    return this.get(`/cosmos/staking/v1beta1/validators/${address}`, null, true).then(data => new Validator().init(commonProcess(data).validator))
   }
 
   async getSlashingParameters() {
@@ -277,7 +277,7 @@ export default class ChainFetch {
   }
 
   async getDistributionParameters() {
-    return this.get('/cosmos/distribution/v1beta1/params').then(data => commonProcess(data.params))
+    return this.get('/cosmos/distribution/v1beta1/params', null, true).then(data => commonProcess(data.params))
   }
 
   async getGovernanceParameterDeposit() {
@@ -421,22 +421,22 @@ export default class ChainFetch {
 
   async getStakingReward(address, config = null) {
     if (compareVersions(config ? config.sdk_version : this.config.sdk_version, '0.40') < 0) {
-      return this.get(`/distribution/delegators/${address}/rewards`, config).then(data => commonProcess(data))
+      return this.get(`/distribution/delegators/${address}/rewards`, config, true).then(data => commonProcess(data))
     }
-    return this.get(`/cosmos/distribution/v1beta1/delegators/${address}/rewards`, config).then(data => commonProcess(data))
+    return this.get(`/cosmos/distribution/v1beta1/delegators/${address}/rewards`, config, true).then(data => commonProcess(data))
   }
 
   async getValidatorSlashs(address, config = null) {
-    return this.get(`/cosmos/distribution/v1beta1/validators/${address}/slashes`, config).then(data => commonProcess(data))
+    return this.get(`/cosmos/distribution/v1beta1/validators/${address}/slashes`, config, true).then(data => commonProcess(data))
   }
 
   async getStakingValidators(address) {
-    return this.get(`/cosmos/distribution/v1beta1/delegators/${address}/validators?pagination.size=200`).then(data => commonProcess(data.validators))
+    return this.get(`/cosmos/distribution/v1beta1/delegators/${address}/validators?pagination.size=200`, null, true).then(data => commonProcess(data.validators))
   }
 
   async getStakingDelegations(address, config = null) {
     if (compareVersions(config ? config.sdk_version : this.config.sdk_version, '0.40') < 0) {
-      return this.get(`/staking/delegators/${address}/delegations`, config).then(data => commonProcess(data).map(x => {
+      return this.get(`/staking/delegators/${address}/delegations`, config, true).then(data => commonProcess(data).map(x => {
         const xh = x
         if (!xh.delegation) {
           xh.delegation = {
@@ -447,21 +447,21 @@ export default class ChainFetch {
         return xh
       }))
     }
-    return this.get(`/cosmos/staking/v1beta1/delegations/${address}`, config).then(data => commonProcess(data))
+    return this.get(`/cosmos/staking/v1beta1/delegations/${address}`, config, true).then(data => commonProcess(data))
   }
 
   async getStakingRedelegations(address, config = null) {
     if (compareVersions(config ? config.sdk_version : this.config.sdk_version, '0.40') < 0) {
-      return this.get(`/staking/redelegations?delegator=${address}`, config).then(data => commonProcess(data))
+      return this.get(`/staking/redelegations?delegator=${address}`, config, true).then(data => commonProcess(data))
     }
-    return this.get(`/cosmos/staking/v1beta1/delegators/${address}/redelegations`, config).then(data => commonProcess(data))
+    return this.get(`/cosmos/staking/v1beta1/delegators/${address}/redelegations`, config, true).then(data => commonProcess(data))
   }
 
   async getStakingUnbonding(address, config = null) {
     if (compareVersions(config ? config.sdk_version : this.config.sdk_version, '0.40') < 0) {
-      return this.get(`/staking/delegators/${address}/unbonding_delegations`, config).then(data => commonProcess(data))
+      return this.get(`/staking/delegators/${address}/unbonding_delegations`, config, true).then(data => commonProcess(data))
     }
-    return this.get(`/cosmos/staking/v1beta1/delegators/${address}/unbonding_delegations`, config).then(data => commonProcess(data))
+    return this.get(`/cosmos/staking/v1beta1/delegators/${address}/unbonding_delegations`, config, true).then(data => commonProcess(data))
   }
 
   async getBankBalances(address, config = null) {
@@ -469,7 +469,7 @@ export default class ChainFetch {
   }
 
   async getCommunityPool(config = null) {
-    return this.get('/cosmos/distribution/v1beta1/community_pool', config).then(data => commonProcess(data))
+    return this.get('/cosmos/distribution/v1beta1/community_pool', config, true).then(data => commonProcess(data))
   }
 
   async getAllIBCDenoms(config = null) {

From 91c779a7e4cb7ca07bc5b3b23213921934d23d38 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Fri, 25 Nov 2022 09:31:34 +0800
Subject: [PATCH 2/8] compatible to 0.46.6

---
 src/libs/data/proposal-tally.js      | 10 ++++-----
 src/libs/data/proposal.js            | 13 ++++++-----
 src/libs/fetch.js                    | 33 +++++++++++++++++++---------
 src/views/GovernanceProposalView.vue | 29 +++++++++++-------------
 4 files changed, 49 insertions(+), 36 deletions(-)

diff --git a/src/libs/data/proposal-tally.js b/src/libs/data/proposal-tally.js
index 0bbb0b44..578436c7 100644
--- a/src/libs/data/proposal-tally.js
+++ b/src/libs/data/proposal-tally.js
@@ -9,16 +9,16 @@ export default class ProposalTally {
   }
 
   init(element, total) {
-    const subtotal = Number(element.yes) + Number(element.no) + Number(element.abstain) + Number(element.no_with_veto)
+    const subtotal = Number(element.yes || element.yes_count) + Number(element.no || element.no_count) + Number(element.abstain || element.abstain_count) + Number(element.no_with_veto || element.no_with_veto_count)
     if (total < 1) {
       this.total = subtotal + 1
     } else {
       this.total = total
     }
-    this.yes = Number(element.yes) / this.total
-    this.no = Number(element.no) / this.total
-    this.veto = Number(element.no_with_veto) / this.total
-    this.abstain = Number(element.abstain) / this.total
+    this.yes = Number(element.yes || element.yes_count) / this.total
+    this.no = Number(element.no || element.no_count) / this.total
+    this.veto = Number(element.no_with_veto || element.no_with_veto_count) / this.total
+    this.abstain = Number(element.abstain || element.abstain_count) / this.total
     this.turnout = subtotal / this.total
     return this
   }
diff --git a/src/libs/data/proposal.js b/src/libs/data/proposal.js
index 6efe3cfc..056007a7 100644
--- a/src/libs/data/proposal.js
+++ b/src/libs/data/proposal.js
@@ -16,6 +16,7 @@ export default class Proposal {
     this.voting_start_time = '0000-00-00'
     this.total_deposit = '-'
     this.contents = null
+    this.metadata = {}
   }
 
   init(element, total) {
@@ -29,15 +30,12 @@ export default class Proposal {
     this.voting_start_time = element.voting_start_time
     // eslint-disable-next-line prefer-destructuring
     this.total_deposit = element.total_deposit[0]
-    this.contents = element.content.value || element.content
+    if (element.content) this.contents = element.content.value || element.content
     if (this.contents) {
       this.title = this.contents.title
       this.description = this.contents.description
-      this.type = element.content.type
-      if (element.content['@type']) {
-        this.type = element.content['@type']
-      }
     }
+    this.metadata = element.metadata
     return this
   }
 
@@ -51,6 +49,11 @@ export default class Proposal {
 
   versionFixed(ver) {
     if (compareVersions(ver, '0.46') >= 0) {
+      [this.contents] = this.element.messages
+      if (this.contents['@type'] === '/cosmos.gov.v1.MsgExecLegacyContent') {
+        this.title = this.contents.content.title
+        this.description = this.contents.content.description
+      }
       if (this.element.metadata) {
         this.title = this.element.metadata.title || this.element.metadata
         this.description = this.element.metadata.description || this.element.metadata
diff --git a/src/libs/fetch.js b/src/libs/fetch.js
index 16bc1de5..979b8fe6 100644
--- a/src/libs/fetch.js
+++ b/src/libs/fetch.js
@@ -281,19 +281,23 @@ export default class ChainFetch {
   }
 
   async getGovernanceParameterDeposit() {
-    return this.get('/cosmos/gov/v1beta1/params/deposit').then(data => commonProcess(data.deposit_params))
+    const ver = compareVersions(this.config.sdk_version, '0.46.5') < 0 ? 'v1beta1' : 'v1'
+    return this.get(`/cosmos/gov/${ver}/params/deposit`).then(data => commonProcess(data.deposit_params))
   }
 
   async getGovernanceParameterTallying() {
-    return this.get('/cosmos/gov/v1beta1/params/tallying').then(data => commonProcess(data.tally_params))
+    const ver = compareVersions(this.config.sdk_version, '0.46.5') < 0 ? 'v1beta1' : 'v1'
+    return this.get(`/cosmos/gov/${ver}/params/tallying`).then(data => commonProcess(data.tally_params))
   }
 
   async getGovernanceParameterVoting() {
-    return this.get('/cosmos/gov/v1beta1/params/voting').then(data => commonProcess(data.voting_params))
+    const ver = compareVersions(this.config.sdk_version, '0.46.5') < 0 ? 'v1beta1' : 'v1'
+    return this.get(`/cosmos/gov/${ver}/params/voting`).then(data => commonProcess(data.voting_params))
   }
 
   async getGovernanceTally(pid, total, conf) {
-    return this.get(`/cosmos/gov/v1beta1/proposals/${pid}/tally`, conf).then(data => new ProposalTally().init(commonProcess(data).tally, total))
+    const ver = compareVersions(this.config.sdk_version, '0.46.5') < 0 ? 'v1beta1' : 'v1'
+    return this.get(`/cosmos/gov/${ver}/proposals/${pid}/tally`, conf).then(data => new ProposalTally().init(commonProcess(data).tally, total))
   }
 
   getGovernance(pid) {
@@ -303,7 +307,9 @@ export default class ChainFetch {
         return p
       })
     }
-    return this.get(`/cosmos/gov/v1beta1/proposals/${pid}`).then(data => {
+
+    const ver = compareVersions(this.config.sdk_version, '0.46.5') < 0 ? 'v1beta1' : 'v1'
+    return this.get(`/cosmos/gov/${ver}/proposals/${pid}`).then(data => {
       const p = new Proposal().init(commonProcess(data).proposal, 0)
       p.versionFixed(this.config.sdk_version)
       return p
@@ -324,7 +330,9 @@ export default class ChainFetch {
         return Array.isArray(result) ? result.reverse().map(d => new Deposit().init(d)) : result
       })
     }
-    return this.get(`/cosmos/gov/v1beta1/proposals/${pid}/deposits`).then(data => {
+
+    const ver = compareVersions(this.config.sdk_version, '0.46.5') < 0 ? 'v1beta1' : 'v1'
+    return this.get(`/cosmos/gov/${ver}/proposals/${pid}/deposits`).then(data => {
       const result = commonProcess(data)
       return Array.isArray(result) ? result.reverse().map(d => new Deposit().init(d)) : result
     })
@@ -340,12 +348,15 @@ export default class ChainFetch {
     if (this.config.chain_name === 'shentu') {
       return this.get(`/shentu/gov/v1alpha1/proposals/${pid}/votes?pagination.key=${encodeURIComponent(next)}&pagination.limit=${limit}&pagination.reverse=true`)
     }
-    return this.get(`/cosmos/gov/v1beta1/proposals/${pid}/votes?pagination.key=${encodeURIComponent(next)}&pagination.limit=${limit}&pagination.reverse=true`)
+    const ver = compareVersions(this.config.sdk_version, '0.46.5') < 0 ? 'v1beta1' : 'v1'
+    return this.get(`/cosmos/gov/${ver}/proposals/${pid}/votes?pagination.key=${encodeURIComponent(next)}&pagination.limit=${limit}&pagination.reverse=true`)
   }
 
   async getGovernanceListByStatus(status, chain = null) {
     const conf = chain || this.config
-    const url = conf.chain_name === 'shentu' ? `/shentu/gov/v1alpha1/proposals?pagination.limit=100&proposal_status=${status}` : `/cosmos/gov/v1beta1/proposals?pagination.limit=100&proposal_status=${status}`
+
+    const ver = compareVersions(this.config.sdk_version, '0.46.5') < 0 ? 'v1beta1' : 'v1'
+    const url = conf.chain_name === 'shentu' ? `/shentu/gov/v1alpha1/proposals?pagination.limit=100&proposal_status=${status}` : `/cosmos/gov/${ver}/proposals?pagination.limit=100&proposal_status=${status}`
     return this.get(url, conf).then(data => {
       let proposals = commonProcess(data)
       if (Array.isArray(proposals.proposals)) {
@@ -367,9 +378,10 @@ export default class ChainFetch {
   }
 
   async getGovernanceProposalVote(pid, voter, chain) {
+    const ver = compareVersions(this.config.sdk_version, '0.46.5') < 0 ? 'v1beta1' : 'v1'
     const url = this.config.chain_name === 'shentu'
       ? `/shentu/gov/v1alpha1/proposals/${pid}/votes/${voter}`
-      : `/cosmos/gov/v1beta1/proposals/${pid}/votes/${voter}`
+      : `/cosmos/gov/${ver}/proposals/${pid}/votes/${voter}`
     return this.get(url, chain).then(data => {
       if (data.code === 3) {
         throw new Error('not found')
@@ -385,9 +397,10 @@ export default class ChainFetch {
 
   async getGovernanceList(next = '', chain = null) {
     const key = next || ''
+    const ver = compareVersions(this.config.sdk_version, '0.46.5') < 0 ? 'v1beta1' : 'v1'
     const url = this.config.chain_name === 'shentu'
       ? `/shentu/gov/v1alpha1/proposals?pagination.limit=20&pagination.reverse=true&pagination.key=${key}`
-      : `/cosmos/gov/v1beta1/proposals?pagination.limit=20&pagination.reverse=true&pagination.key=${key}`
+      : `/cosmos/gov/${ver}/proposals?pagination.limit=20&pagination.reverse=true&pagination.key=${key}`
     return this.get(url, chain).then(data => {
       let proposals = commonProcess(data)
       if (Array.isArray(proposals.proposals)) {
diff --git a/src/views/GovernanceProposalView.vue b/src/views/GovernanceProposalView.vue
index ead05968..d0807b78 100644
--- a/src/views/GovernanceProposalView.vue
+++ b/src/views/GovernanceProposalView.vue
@@ -42,6 +42,11 @@
         </b-card-title>
       </b-card-header>
       <b-card-body>
+        <div>
+          <object-field-component
+            :tablefield="proposal.contents"
+            :small="false"
+          /></div>
         <b-table-simple
           stacked="sm"
           hover
@@ -50,13 +55,6 @@
           <tbody>
             <b-tr>
               <b-td style="text-transform: capitalize; vertical-align: top; width:200px">
-                {{ $t('proposal_proposer') }}
-              </b-td><b-td><router-link :to="`../account/${proposer.proposer}`">
-                {{ formatAddress(proposer.proposer) }}
-              </router-link> </b-td>
-            </b-tr>
-            <b-tr>
-              <b-td>
                 {{ $t('proposal_total_deposit') }}
               </b-td><b-td>{{ formatToken(proposal.total_deposit) }} </b-td>
             </b-tr>
@@ -70,13 +68,13 @@
                 {{ $t('voting_time') }}
               </b-td><b-td>{{ formatDate(proposal.voting_start_time) }} - {{ formatDate(proposal.voting_end_time) }}</b-td>
             </b-tr>
+            <b-tr>
+              <b-td>
+                Metadata
+              </b-td><b-td>{{ proposal.metadata }}</b-td>
+            </b-tr>
           </tbody>
         </b-table-simple>
-        <div>
-          <object-field-component
-            :tablefield="proposal.contents"
-            :small="false"
-          /></div>
         <b-table-simple v-if="proposal.type.indexOf('SoftwareUpgrade') > 0">
           <b-tr>
             <b-td class="text-center">
@@ -395,10 +393,9 @@ export default {
     if (!getCachedValidators()) {
       this.$http.getValidatorList()
     }
-
-    this.$http.getGovernanceProposer(pid).then(res => {
-      this.proposer = res
-    })
+    // this.$http.getGovernanceProposer(pid).then(res => {
+    //   this.proposer = res
+    // })
     this.$http.getGovernanceDeposits(pid).then(res => {
       this.deposits = res
     }).catch(() => {})

From 072efbb5a6eaddf165b8f2361608e6c3ed37d2f5 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Fri, 25 Nov 2022 17:12:31 +0800
Subject: [PATCH 3/8] compatible to v0.46.6

---
 src/libs/fetch.js | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/libs/fetch.js b/src/libs/fetch.js
index 979b8fe6..4ea24d81 100644
--- a/src/libs/fetch.js
+++ b/src/libs/fetch.js
@@ -145,6 +145,9 @@ export default class ChainFetch {
   }
 
   async getBankTotal(denom) {
+    if (compareVersions(this.config.sdk_version, '0.46.5') > 0) {
+      return this.get(`/cosmos/bank/v1beta1/supply/by_denom?denom=${denom}`).then(data => commonProcess(data).amount)
+    }
     if (compareVersions(this.config.sdk_version, '0.40') < 0) {
       return this.get(`/supply/total/${denom}`).then(data => ({ amount: commonProcess(data), denom }))
     }

From c337a4519ec3005048a6d23a275127add95bea24 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Fri, 25 Nov 2022 18:54:07 +0800
Subject: [PATCH 4/8] estimate with custom block time

---
 src/libs/data/proposal.js            |  5 +++++
 src/views/GovernanceProposalView.vue | 26 +++++++++++++++++++++++---
 2 files changed, 28 insertions(+), 3 deletions(-)

diff --git a/src/libs/data/proposal.js b/src/libs/data/proposal.js
index 056007a7..5b62cfcf 100644
--- a/src/libs/data/proposal.js
+++ b/src/libs/data/proposal.js
@@ -34,6 +34,10 @@ export default class Proposal {
     if (this.contents) {
       this.title = this.contents.title
       this.description = this.contents.description
+      this.type = element.content.type
+      if (element.content['@type']) {
+        this.type = element.content['@type']
+      }
     }
     this.metadata = element.metadata
     return this
@@ -50,6 +54,7 @@ export default class Proposal {
   versionFixed(ver) {
     if (compareVersions(ver, '0.46') >= 0) {
       [this.contents] = this.element.messages
+      if (this.contents) this.type = this.contents['@type']
       if (this.contents['@type'] === '/cosmos.gov.v1.MsgExecLegacyContent') {
         this.title = this.contents.content.title
         this.description = this.contents.content.description
diff --git a/src/views/GovernanceProposalView.vue b/src/views/GovernanceProposalView.vue
index d0807b78..16e28dbd 100644
--- a/src/views/GovernanceProposalView.vue
+++ b/src/views/GovernanceProposalView.vue
@@ -68,7 +68,7 @@
                 {{ $t('voting_time') }}
               </b-td><b-td>{{ formatDate(proposal.voting_start_time) }} - {{ formatDate(proposal.voting_end_time) }}</b-td>
             </b-tr>
-            <b-tr>
+            <b-tr v-if="proposal.metadata">
               <b-td>
                 Metadata
               </b-td><b-td>{{ proposal.metadata }}</b-td>
@@ -80,6 +80,21 @@
             <b-td class="text-center">
               {{ $t('upgrade_time') }} {{ upgradeTime }}
               <flip-countdown :deadline="upgradeTime" />
+              <b-input-group prepend="Estimated by block time: ">
+                <b-form-select v-model="blocktime">
+                  <b-form-select-option value="7">
+                    7s
+                  </b-form-select-option>
+                  <b-form-select-option value="6">
+                    6s
+                  </b-form-select-option>
+                  <b-form-select-option value="2">
+                    2s
+                  </b-form-select-option>
+                  <b-form-select-option value="1">
+                    1s
+                  </b-form-select-option>
+                </b-form-select></b-input-group>
             </b-td>
           </b-tr>
         </b-table-simple>
@@ -263,7 +278,7 @@
 <script>
 import {
   BCard, BCardBody, BCardFooter, BButton, BTable, BTableSimple, BTr, BTd, BCardTitle, BCardHeader,
-  BProgressBar, BProgress, BTooltip, BBadge,
+  BProgressBar, BProgress, BTooltip, BBadge, BFormSelect, BFormSelectOption, BInputGroup, BInputGroupPrepend,
 } from 'bootstrap-vue'
 import FlipCountdown from 'vue2-flip-countdown'
 // import fetch from 'node-fetch'
@@ -294,12 +309,17 @@ export default {
     BProgress,
     BTooltip,
     BBadge,
+    BFormSelect,
+    BFormSelectOption,
+    BInputGroup,
+    BInputGroupPrepend,
     ObjectFieldComponent,
     FlipCountdown,
     OperationModal,
   },
   data() {
     return {
+      blocktime: 6,
       tallyParam: null,
       latest: {},
       next: null,
@@ -358,7 +378,7 @@ export default {
         if (Number(this.proposal?.contents.plan.height || 0) > 0 && this.latest?.block) {
           const blocks = Number(this.proposal.contents.plan.height) - Number(this.latest.block?.header?.height || 0)
           if (blocks > 0) {
-            const endtime = dayjs().add(blocks * 6, 'second').format('YYYY-MM-DD HH:mm:ss')
+            const endtime = dayjs().add(blocks * this.blocktime, 'second').format('YYYY-MM-DD HH:mm:ss')
             return endtime
           }
         }

From b27b421f23342e0c935beab1d3016b790a2fdbd0 Mon Sep 17 00:00:00 2001
From: Andre Miras <andre.miras@gmail.com>
Date: Fri, 25 Nov 2022 16:26:09 +0100
Subject: [PATCH 5/8] Clickable validator link from the account page

---
 src/views/WalletAccountDetail.vue | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/views/WalletAccountDetail.vue b/src/views/WalletAccountDetail.vue
index c4e85aa8..b6af0732 100644
--- a/src/views/WalletAccountDetail.vue
+++ b/src/views/WalletAccountDetail.vue
@@ -197,6 +197,15 @@
             :items="deleTable"
             stacked="sm"
           >
+            <template #cell(validator)="data">
+              <span>
+                <router-link
+                  :to="`../staking/${data.value.address}`"
+                >
+                  {{ data.value.moniker }}
+                </router-link>
+              </span>
+            </template>
             <template #cell(action)="data">
               <!-- size -->
               <b-button-group
@@ -627,7 +636,10 @@ export default {
         this.delegations.forEach(e => {
           const reward = this.reward.rewards.find(r => r.validator_address === e.delegation.validator_address)
           re.push({
-            validator: getStakingValidatorOperator(this.$http.config.chain_name, e.delegation.validator_address, 8),
+            validator: {
+              moniker: getStakingValidatorOperator(this.$http.config.chain_name, e.delegation.validator_address, 8),
+              address: e.delegation.validator_address,
+            },
             token: formatToken(e.balance, {}, decimal),
             reward: tokenFormatter(reward.reward, this.denoms),
             action: e.delegation.validator_address,

From a29d9608b5f8afd596134ae5633673510e737585 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Tue, 29 Nov 2022 09:33:41 +0800
Subject: [PATCH 6/8] add tx event lisenter to update data

---
 src/views/Dashboard.vue | 66 +++++++++++++++++++++++++++++++++--------
 1 file changed, 54 insertions(+), 12 deletions(-)

diff --git a/src/views/Dashboard.vue b/src/views/Dashboard.vue
index 97e2399d..72f1bb43 100644
--- a/src/views/Dashboard.vue
+++ b/src/views/Dashboard.vue
@@ -333,6 +333,7 @@
                 <!-- size -->
                 <b-button-group
                   size="sm"
+                  class="d-none"
                 >
                   <b-button
                     v-b-modal.operation-modal
@@ -362,18 +363,41 @@
                     <feather-icon icon="LogOutIcon" />
                   </b-button>
                 </b-button-group>
+                <b-dropdown
+                  v-b-modal.operation-modal
+                  split
+                  variant="outline-primary"
+                  text="Delegate"
+                  class="mr-1"
+                  size="sm"
+                  @click="selectDelegation(data,'Delegate')"
+                >
+                  <template #button-content>
+                    Delegate
+                  </template>
+                  <b-dropdown-item
+                    v-b-modal.operation-modal
+                    @click="selectDelegation(data,'Redelegate')"
+                  >
+                    Redelegate
+                  </b-dropdown-item>
+                  <b-dropdown-item
+                    v-b-modal.operation-modal
+                    @click="selectDelegation(data,'Unbond')"
+                  >
+                    Unbond
+                  </b-dropdown-item>
+                </b-dropdown>
+                <b-button
+                  v-b-modal.operation-modal
+                  variant="outline-primary"
+                  size="sm"
+                  @click="selectWithdraw()"
+                >
+                  Widthdraw Rewards
+                </b-button>
               </template>
             </b-table>
-            <b-card-footer class="text-right">
-              <b-button
-                v-b-modal.operation-modal
-                variant="outline-primary"
-                @click="selectWithdraw()"
-              >
-                <feather-icon icon="AwardIcon" />
-                Widthdraw Rewards
-              </b-button>
-            </b-card-footer>
           </b-card>
         </b-col>
       </b-row>
@@ -459,6 +483,7 @@
       :proposal-id="selectedProposalId"
       :proposal-title="selectedTitle"
     />
+    <div id="txevent" />
   </div>
 </template>
 
@@ -466,6 +491,7 @@
 import {
   BRow, BCol, BAlert, BCard, BTable, BFormCheckbox, BCardHeader, BCardTitle, BMedia, BMediaAside, BMediaBody, BAvatar,
   BCardBody, BLink, BButtonGroup, BButton, BTooltip, VBModal, VBTooltip, BCardFooter, BProgress, BProgressBar, BBadge,
+  BDropdown, BDropdownItem,
 } from 'bootstrap-vue'
 import {
   formatNumber, formatTokenAmount, isToken, percent, timeIn, toDay, toDuration, tokenFormatter, getLocalAccounts,
@@ -487,6 +513,8 @@ export default {
     BButtonGroup,
     BTooltip,
     BButton,
+    BDropdown,
+    BDropdownItem,
     BRow,
     BCol,
     BAlert,
@@ -646,6 +674,22 @@ export default {
       })
     }
   },
+  mounted() {
+    const elem = document.getElementById('txevent')
+    elem.addEventListener('txcompleted', () => {
+      const key = this.$store?.state?.chains?.defaultWallet
+      if (key) {
+        const accounts = getLocalAccounts() || {}
+        const account = Object.entries(accounts)
+          .map(v => ({ wallet: v[0], address: v[1].address.find(x => x.chain === this.$store.state.chains.selected.chain_name) }))
+          .filter(v => v.address)
+          .find(x => x.wallet === key)
+        if (account) {
+          this.fetchAccount(account.address.addr)
+        }
+      }
+    })
+  },
   methods: {
     caculateTallyResult(tally) {
       if (this.tallyParam && tally && this.totalPower > 0) {
@@ -699,8 +743,6 @@ export default {
       return '-'
     },
     fetchAccount(address) {
-      const conf = this.$http.getSelectedConfig()
-      const decimal = conf.assets[0].exponent || '6'
       this.address = address
       this.$http.getBankAccountBalance(address).then(bal => {
         this.walletBalances = this.formatToken(bal)

From b646c4a76b3aa318a8d7df04458868bb106582b2 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Tue, 29 Nov 2022 13:24:54 +0800
Subject: [PATCH 7/8] update missing count in a fixed period

---
 src/views/Uptime.vue | 27 +++++++++++++++++----------
 1 file changed, 17 insertions(+), 10 deletions(-)

diff --git a/src/views/Uptime.vue b/src/views/Uptime.vue
index 19e81374..950e2565 100644
--- a/src/views/Uptime.vue
+++ b/src/views/Uptime.vue
@@ -283,19 +283,11 @@ export default {
     if (cached) {
       this.validators = cached
     }
+    this.fetchMissingInfo()
     this.$http.getValidatorList().then(res => {
       this.validators = res
     })
-    this.$http.getSlashingSigningInfo().then(res => {
-      if (res.info) {
-        res.info.forEach(x => {
-          if (x.address) {
-            const hex = toBase64(fromBech32(x.address).data)
-            this.missing[hex] = x
-          }
-        })
-      }
-    })
+
     this.initBlocks()
   },
   beforeDestroy() {
@@ -304,6 +296,18 @@ export default {
     clearInterval(this.timer)
   },
   methods: {
+    fetchMissingInfo() {
+      this.$http.getSlashingSigningInfo().then(res => {
+        if (res.info) {
+          res.info.forEach(x => {
+            if (x.address) {
+              const hex = toBase64(fromBech32(x.address).data)
+              this.missing[hex] = x
+            }
+          })
+        }
+      })
+    },
     pinValidator() {
       localStorage.setItem('pinned', this.pinned)
     },
@@ -387,6 +391,9 @@ export default {
           if (x.validator_address) sigs[x.validator_address] = 'bg-success'
         })
         this.height = res.block.header.height
+        if (Number(this.height) % 100 === 0) { // update the missing number each 100
+          this.fetchMissingInfo()
+        }
         const block = this.blocks.find(b => b.height === res.block.last_commit.height)
         if (typeof block === 'undefined') { // mei
           // this.$set(block, 0, typeof sigs !== 'undefined')

From 9a39d87c3fac215e8466a8fafc2a93df9fbb8682 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Tue, 29 Nov 2022 20:34:30 +0800
Subject: [PATCH 8/8] filter useless loading

---
 src/views/Uptime.vue | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

diff --git a/src/views/Uptime.vue b/src/views/Uptime.vue
index 950e2565..65331893 100644
--- a/src/views/Uptime.vue
+++ b/src/views/Uptime.vue
@@ -277,6 +277,9 @@ export default {
       })
       return Object.values(valCounter).sort((a, b) => b.counter - a.counter)
     },
+    h() {
+      return this.height
+    },
   },
   created() {
     const cached = JSON.parse(getCachedValidators(this.$route.params.chain))
@@ -323,13 +326,15 @@ export default {
         const blocks = []
         // update height
         let promise = Promise.resolve()
-        for (let i = height - 1; i > height - 50; i -= 1) {
+        for (let i = height - 1; i > height - 48; i -= 1) {
           blocks.unshift({ sigs: {}, height: i > 0 ? i : 0 })
-          if (i > height - 48 && i > 0) {
-            promise = promise.then(() => new Promise(resolve => {
+          promise = promise.then(() => new Promise(resolve => {
+            if (i > this.blocks[0].height && i > 0) { // filter useless loading
               this.fetch_status(i, resolve)
-            }))
-          }
+            } else {
+              resolve()
+            }
+          }))
         }
 
         const sigs = this.initColor()
@@ -390,8 +395,8 @@ export default {
         res.block.last_commit.signatures.forEach(x => {
           if (x.validator_address) sigs[x.validator_address] = 'bg-success'
         })
-        this.height = res.block.header.height
-        if (Number(this.height) % 100 === 0) { // update the missing number each 100
+        this.height = Number(res.block.header.height)
+        if (this.height % 100 === 0) { // update the missing number each 100
           this.fetchMissingInfo()
         }
         const block = this.blocks.find(b => b.height === res.block.last_commit.height)