fix: hide vote button for resigned delegates and add status

__tests__/unit/components/Transaction/TransactionForm/TransactionFormVote.spec.js

@@ -20,7 +20,10 @@ const network = {
   market: {
     enabled: false
   },
-  knownWallets: {}
+  knownWallets: {},
+  constants: {
+    activeDelegates: 51
+  }
 }
 
 let wrapper

src/renderer/components/Transaction/TransactionForm/TransactionFormVote.vue

@@ -23,9 +23,14 @@
             @click="emitCancel"
           />
         </ListDividedItem>
+        <ListDividedItem :label="$t('WALLET_DELEGATES.STATUS.TITLE')">
+          <span :class="delegateStatus.class">
+            {{ delegateStatus.text }}
+          </span>
+        </ListDividedItem>
         <ListDividedItem
           :label="$t('WALLET_DELEGATES.RANK')"
-          :value="delegate.rank"
+          :value="rankLabel"
         />
         <ListDividedItem
           :label="$t('WALLET_DELEGATES.APPROVAL')"
@@ -205,6 +210,38 @@ export default {
   }),
 
   computed: {
+    delegateStatus () {
+      const activeThreshold = this.session_network.constants.activeDelegates
+      if (this.delegate.isResigned) {
+        return {
+          text: this.$t('WALLET_DELEGATES.STATUS.RESIGNED'),
+          class: 'text-red'
+        }
+      }
+      if (this.delegate.rank && this.delegate.rank <= activeThreshold) {
+        return {
+          text: this.$t('WALLET_DELEGATES.STATUS.ACTIVE'),
+          class: 'text-green'
+        }
+      }
+      return {
+        text: this.$t('WALLET_DELEGATES.STATUS.STANDBY'),
+        class: 'text-yellow'
+      }
+    },
+
+    rankLabel () {
+      if (this.delegate.rank === undefined && this.delegate.isResigned) {
+        return this.$t('WALLET_DELEGATES.RANK_NOT_APPLICABLE')
+      }
+
+      if (this.delegate.rank === undefined) {
+        return this.$t('WALLET_DELEGATES.RANK_NOT_AVAILABLE')
+      }
+
+      return this.delegate.rank
+    },
+
     blocksProduced () {
       if (!this.delegate.blocks || !this.delegate.blocks.produced) {
         return 0
@@ -214,7 +251,7 @@ export default {
     },
 
     showVoteUnvoteButton () {
-      if (this.currentWallet.isContact || (!!this.votedDelegate && !this.isVoter)) {
+      if (this.currentWallet.isContact || (!!this.votedDelegate && !this.isVoter) || (this.delegate.isResigned && !this.isVoter)) {
         return false
       }
 

src/renderer/components/Wallet/WalletDetails/WalletDetails.vue

@@ -422,7 +422,7 @@ export default {
     getVoteTitle () {
       if (this.isUnvoting && this.votedDelegate) {
         return this.$t('WALLET_DELEGATES.UNVOTE_DELEGATE', { delegate: this.votedDelegate.username })
-      } else if (this.isVoting && this.selectedDelegate) {
+      } else if (this.isVoting && this.selectedDelegate && !this.selectedDelegate.isResigned) {
         return this.$t('WALLET_DELEGATES.VOTE_DELEGATE', { delegate: this.selectedDelegate.username })
       } else {
         return `${this.$t('COMMON.DELEGATE')} ${this.selectedDelegate.username}`

src/renderer/i18n/locales/en-US.js

@@ -1252,9 +1252,17 @@ export default {
   },
 
   WALLET_DELEGATES: {
+    STATUS: {
+      TITLE: 'Status',
+      ACTIVE: 'Active',
+      STANDBY: 'Standby',
+      RESIGNED: 'Resigned'
+    },
     RANK: 'Rank',
     USERNAME: 'Username',
     RANK_BANNER: 'Rank: {rank}',
+    RANK_NOT_APPLICABLE: 'Not applicable',
+    RANK_NOT_AVAILABLE: 'Not yet available',
     APPROVAL: 'Vote %',
     FORGED: 'Forged',
     BLOCKS: 'Blocks',