fix(explorer): remove validators table row index (#5661)

iotaledger · Feb 27, 2025 · 4554c4b · 4554c4b
1 parent 89a6897
commit 4554c4b
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 13 deletions.
diff --git a/apps/explorer/src/lib/ui/utils/generateValidatorsTableColumns.tsx b/apps/explorer/src/lib/ui/utils/generateValidatorsTableColumns.tsx
@@ -94,17 +94,6 @@ export function generateValidatorsTableColumns({
     highlightValidatorName,
 }: generateValidatorsTableColumnsArgs): ColumnDef<IotaValidatorSummaryExtended>[] {
     let columns: ColumnDef<IotaValidatorSummaryExtended>[] = [
-        {
-            header: '#',
-            id: 'number',
-            cell({ row }) {
-                return (
-                    <TableCellBase>
-                        <TableCellText>{row.index + 1}</TableCellText>
-                    </TableCellBase>
-                );
-            },
-        },
         {
             header: 'Name',
             id: 'name',

diff --git a/apps/explorer/src/pages/validators/Validators.tsx b/apps/explorer/src/pages/validators/Validators.tsx
@@ -12,6 +12,8 @@ import {
     useMultiGetObjects,
 } from '@iota/core';
 import {
+    Badge,
+    BadgeType,
     DisplayStats,
     DisplayStatsSize,
     DisplayStatsType,
@@ -121,7 +123,6 @@ function ValidatorPageResult(): JSX.Element {
             rollingAverageApys: validatorsApy || null,
             highlightValidatorName: true,
             includeColumns: [
-                '#',
                 'Name',
                 'Stake',
                 'Proposed next Epoch gas price',
@@ -196,7 +197,17 @@ function ValidatorPageResult(): JSX.Element {
                             ))}
                         </div>
                         <Panel>
-                            <Title title="All Validators" />
+                            <Title
+                                title="All Validators"
+                                supportingElement={
+                                    <span className="ml-1">
+                                        <Badge
+                                            type={BadgeType.PrimarySoft}
+                                            label={sortedValidators?.length.toString()}
+                                        />
+                                    </span>
+                                }
+                            />
                             <div className="p-md">
                                 <ErrorBoundary>
                                     {(isPending || validatorsEventsLoading) && (