From 9e34c476c465ba6a0d6ea04275cdc92732d7a391 Mon Sep 17 00:00:00 2001
From: Techno Freak <freak12techno@gmail.com>
Date: Mon, 29 Jan 2024 17:30:00 +0300
Subject: [PATCH] Fix commission rate formatting

---
 src/components/ValidatorCommissionRate.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/ValidatorCommissionRate.vue b/src/components/ValidatorCommissionRate.vue
index 57b7ed6f..502e6df3 100644
--- a/src/components/ValidatorCommissionRate.vue
+++ b/src/components/ValidatorCommissionRate.vue
@@ -91,7 +91,7 @@ const chartConfig = computed(() => {
                             offsetY: -15,
                             fontWeight: 500,
                             fontSize: '2.125rem',
-                            formatter: (value: unknown) => `${rate.value}%`,
+                            formatter: (value: unknown) => `${rate.value.toFixed(0)}%`,
                             color: primaryText,
                         },
                         total: {
@@ -99,7 +99,7 @@ const chartConfig = computed(() => {
                             label: 'Commission Rate',
                             fontSize: '1rem',
                             color: secondaryText,
-                            formatter: () => `${rate.value}%`,
+                            formatter: () => `${rate.value.toFixed(0)}%`,
                         },
                     },
                 },
@@ -130,7 +130,7 @@ const chartConfig = computed(() => {
             <div class="flex items-center justify-center flex-wrap gap-x-3">
                 <div class="flex items-center gap-x-2">
                     <div class="bg-success w-[6px] h-[6px] rounded-full"></div>
-                    <span class="text-caption">Rate:{{ rate }}%</span>
+                    <span class="text-caption">Rate:{{ rate.toFixed(0) }}%</span>
                 </div>
                 <div class="flex items-center gap-x-2">
                     <div class="bg-success w-[6px] h-[6px] rounded-full opacity-60"></div>