From ceb0d3877dadeddb045a965c214ef7235e04c245 Mon Sep 17 00:00:00 2001 From: Fortune <51021366+FortuneV13@users.noreply.github.com> Date: Sat, 9 Nov 2024 18:38:27 +0000 Subject: [PATCH 1/2] Quality Of Life Updates --- .../staking/PageValidatorCharts/PerfomanceBlock.vue | 2 +- .../src/components/staking/PageValidatorCharts/styles.css | 1 + .../src/components/staking/PageValidators/TableValidators.vue | 4 ++-- .../components/staking/TableDelegations/TableDelegations.vue | 2 +- frontend/src/components/wallet/TimePieBlock.vue | 2 +- 5 files changed, 6 insertions(+), 5 deletions(-) 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/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) { From cad0a24ed4dd705dfe8473f16d2623cb47247c23 Mon Sep 17 00:00:00 2001 From: Fortune <51021366+FortuneV13@users.noreply.github.com> Date: Sat, 9 Nov 2024 20:36:52 +0000 Subject: [PATCH 2/2] Update tooltips.js --- frontend/src/components/tooltips.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) 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"