feat(DashboardTableValidators): change representation of `validator i…

…ndexes` In `DashboardTableSummary` more then `3 indexes` should not be shown. See: BEDS-649
gobitfly · Oct 28, 2024 · 7192f4a · 7192f4a
1 parent 4ab74db
commit 7192f4a
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 6 deletions.
diff --git a/frontend/.vscode/settings.json b/frontend/.vscode/settings.json
@@ -7,6 +7,7 @@
     "BcToggle",
     "DashboardChartSummaryChartFilter",
     "DashboardGroupManagementModal",
+    "DashboardTableValidators",
     "DashboardValidatorManagmentModal",
     "NotificationMachinesTable",
     "NotificationsClientsTable",

diff --git a/frontend/components/dashboard/table/DashboardTableValidators.vue b/frontend/components/dashboard/table/DashboardTableValidators.vue
@@ -58,21 +58,24 @@ const cappedValidators = computed(() =>
 
 <template>
   <div class="validator_column">
-    <div class="validators">
+    <span v-if="cappedValidators.length <= 3" class="validators">
       <template
-        v-for="v in cappedValidators"
-        :key="v"
+        v-for="validator in cappedValidators"
+        :key="validator"
       >
         <BcLink
-          :to="`/validator/${v}`"
+          :to="`/validator/${validator}`"
           target="_blank"
           class="link validator_link"
         >
-          {{ v }}
+          {{ validator }}
         </BcLink>
         <span>, </span>
       </template>
-    </div>
+    </span>
+    <span v-else>
+      {{ cappedValidators.length }} {{ $t('common.validator', cappedValidators.length) }}
+    </span>
     <FontAwesomeIcon
       v-if="validators?.length"
       class="link popout"