diff --git a/frontend/src/components/staking/PageValidatorCharts/PerfomanceBlock.vue b/frontend/src/components/staking/PageValidatorCharts/PerfomanceBlock.vue index d9b9efb5..54e9cad4 100644 --- a/frontend/src/components/staking/PageValidatorCharts/PerfomanceBlock.vue +++ b/frontend/src/components/staking/PageValidatorCharts/PerfomanceBlock.vue @@ -39,7 +39,7 @@
  • - Latest expected return + Previous Epoch Return

    {{ validator.last_apr | percent | notAvailable }}
  • diff --git a/frontend/src/components/staking/PageValidatorCharts/styles.css b/frontend/src/components/staking/PageValidatorCharts/styles.css index f3bd487e..0efc55f2 100644 --- a/frontend/src/components/staking/PageValidatorCharts/styles.css +++ b/frontend/src/components/staking/PageValidatorCharts/styles.css @@ -5,6 +5,7 @@ padding: 1rem; border-bottom: 1px solid var(--bc-dim); color: var(--txt-black); + overflow: hidden } .validator-image { diff --git a/frontend/src/components/staking/PageValidators/TableValidators.vue b/frontend/src/components/staking/PageValidators/TableValidators.vue index 65dcd92b..5f4e9b2a 100644 --- a/frontend/src/components/staking/PageValidators/TableValidators.vue +++ b/frontend/src/components/staking/PageValidators/TableValidators.vue @@ -143,7 +143,7 @@ export default { renderComponent: ValidatorName // render as Component - use custom Vue components }, { - title: `Expected Return`, + title: `Average Return`, value: `apr`, tooltip: tooltips.v_list.average_apr, width: "200px", @@ -201,7 +201,7 @@ export default { } if (this.$mq === "sm" || this.$mq === "md") { - const keep = ["name", "uptime_percentage"] + const keep = ["name","apr"] props = props.filter(p => keep.includes(p.value)) } diff --git a/frontend/src/components/staking/TableDelegations/TableDelegations.vue b/frontend/src/components/staking/TableDelegations/TableDelegations.vue index b63c9709..7f64b609 100644 --- a/frontend/src/components/staking/TableDelegations/TableDelegations.vue +++ b/frontend/src/components/staking/TableDelegations/TableDelegations.vue @@ -126,7 +126,7 @@ export default { render: value => threeDecimals(ones(value)) + " ONE" }, { - title: `Expected Return`, + title: `Average Return`, value: `apr`, tooltip: tooltips.portfolio.apr_avg, width: "200px", diff --git a/frontend/src/components/tooltips.js b/frontend/src/components/tooltips.js index 2d47179a..e00debf5 100644 --- a/frontend/src/components/tooltips.js +++ b/frontend/src/components/tooltips.js @@ -37,7 +37,7 @@ export default { name: `Validator name`, apr: "Expected annual percentage return rate", - average_apr: "Average expected return", + average_apr: "Previous 30 epoch average", stake: "Total ONE staked by the validator", fees: "Commission on rewards charged by validator", uptime: "Signing percentage for this validator's nodes" diff --git a/frontend/src/components/wallet/TimePieBlock.vue b/frontend/src/components/wallet/TimePieBlock.vue index aa7f1dbb..2335a0a0 100644 --- a/frontend/src/components/wallet/TimePieBlock.vue +++ b/frontend/src/components/wallet/TimePieBlock.vue @@ -67,7 +67,7 @@ export default { .next-epoch { display: flex; - width: 164px; + width: 180px; align-items: center; } @media screen and (max-width: 414px) {