diff --git a/CHANGELOG.md b/CHANGELOG.md index 3c834a3ee8..94f967812f 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -26,6 +26,7 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0. * Updated PR template @fedekunze * [\#1454](https://github.com/cosmos/voyager/issues/1454) Updated a bunch of words to (hopefully) be clearer. @jbibla * [\#1473](https://github.com/cosmos/voyager/issues/1473) added "percent of vote" to validator in vuex module instead of in component @jbibla +* [\#1496](https://github.com/cosmos/voyager/issues/1496) display validator pub_key instead of operator_address on livalidator and validator profile @jbibla ### Fixed diff --git a/app/src/renderer/components/common/TmBalance.vue b/app/src/renderer/components/common/TmBalance.vue index 4a9513b132..49df84ee97 100644 --- a/app/src/renderer/components/common/TmBalance.vue +++ b/app/src/renderer/components/common/TmBalance.vue @@ -114,7 +114,6 @@ export default { .tabs display flex - margin-left 2rem margin-top 2rem .tab diff --git a/app/src/renderer/components/staking/LiValidator.vue b/app/src/renderer/components/staking/LiValidator.vue index afef40c42b..b8496f0650 100644 --- a/app/src/renderer/components/staking/LiValidator.vue +++ b/app/src/renderer/components/staking/LiValidator.vue @@ -2,10 +2,10 @@ li.li-validator(:class='styles') router-link(:to="{ name: 'validator', params: { validator: validator.id }}") .li-validator__value.name - span.validator-profile__status(v-bind:class="statusColor" v-tooltip.top="status") img.avatar(v-if="validator.keybase" :src="validator.keybase.avatarUrl" width="48" height="48") img.avatar(v-else src="~assets/images/validator-icon.svg" width="48" height="48") .vert + span.validator-profile__status(v-bind:class="statusColor" v-tooltip.top="status") .top {{ validator.description.moniker }} short-bech32(:address="validator.operator_address") .li-validator__value.your-votes @@ -137,6 +137,7 @@ export default { .li-validator margin 0.5rem 0rem 0.5rem 2rem + width 100% .li-validator a display flex @@ -209,7 +210,9 @@ export default { display flex flex-direction column color var(--bright) + margin-left 1rem padding-left 1rem + position relative .top padding-bottom 0.5rem @@ -217,6 +220,10 @@ export default { font-size 1rem font-weight 500 + .validator-profile__status + left 0 + top 5px + .bottom font-size sm line-height sm diff --git a/app/src/renderer/components/staking/PageStaking.vue b/app/src/renderer/components/staking/PageStaking.vue index e9fad5ab63..26f107736a 100644 --- a/app/src/renderer/components/staking/PageStaking.vue +++ b/app/src/renderer/components/staking/PageStaking.vue @@ -1,5 +1,5 @@ -tm-page(data-title="Staking") +tm-page(data-title="Staking").staking template(slot="menu-body") tm-balance(:tabs="tabs") diff --git a/app/src/renderer/components/staking/PageValidator.vue b/app/src/renderer/components/staking/PageValidator.vue index 0b4479dcb2..e34ad5c4bf 100644 --- a/app/src/renderer/components/staking/PageValidator.vue +++ b/app/src/renderer/components/staking/PageValidator.vue @@ -119,7 +119,7 @@ import { mapGetters } from "vuex" import num from "scripts/num" import { TmBtn, TmListItem, TmPage, TmPart, TmToolBar } from "@tendermint/ui" import TmModal from "common/TmModal" -import { TmDataError } from "common/TmDataError" +import TmDataError from "common/TmDataError" import { shortAddress, ratToBigNumber } from "scripts/common" import DelegationModal from "staking/DelegationModal" import UndelegationModal from "staking/UndelegationModal" diff --git a/app/src/renderer/components/staking/PanelSort.vue b/app/src/renderer/components/staking/PanelSort.vue index e1b7d9436d..6decc33059 100644 --- a/app/src/renderer/components/staking/PanelSort.vue +++ b/app/src/renderer/components/staking/PanelSort.vue @@ -3,7 +3,7 @@ v-for="(property, i) in properties", @click="orderBy(property.value, $event)", :class="property.class") - .label(v-tooltip.top="property.tooltip" v-if="i !== 0") + .label(v-tooltip.top="property.tooltip") .label-text {{ property.title }} diff --git a/app/src/renderer/components/staking/TabMyDelegations.vue b/app/src/renderer/components/staking/TabMyDelegations.vue index 059f5303ca..69538c6757 100644 --- a/app/src/renderer/components/staking/TabMyDelegations.vue +++ b/app/src/renderer/components/staking/TabMyDelegations.vue @@ -61,6 +61,10 @@ export default { .info-button color var(--link) +.staking + .tm-data-msg + margin 1rem 0 0 2rem + .check-out-message background var(--app-fg) border 1px solid var(--bc-dim) diff --git a/test/unit/specs/components/staking/LiValidator.spec.js b/test/unit/specs/components/staking/LiValidator.spec.js index 021b7923d9..e0efecc20a 100644 --- a/test/unit/specs/components/staking/LiValidator.spec.js +++ b/test/unit/specs/components/staking/LiValidator.spec.js @@ -11,7 +11,7 @@ describe(`LiValidator`, () => { propsData: { validator: { id: `abc`, - pub_key: `12345`, + pub_key: `cosmosvalpub12345`, operator_address: lcdClientMock.validators[1], tokens: `190000000000`, delegator_shares: `190000000000`, diff --git a/test/unit/specs/components/staking/__snapshots__/LiValidator.spec.js.snap b/test/unit/specs/components/staking/__snapshots__/LiValidator.spec.js.snap index d4ace5b3c6..9ac056767a 100644 --- a/test/unit/specs/components/staking/__snapshots__/LiValidator.spec.js.snap +++ b/test/unit/specs/components/staking/__snapshots__/LiValidator.spec.js.snap @@ -11,9 +11,6 @@ exports[`LiValidator has the expected html structure 1`] = `