update to averageAPY add make validator name clickable (MystenLabs#7467)

Make the validator name clickable and round the average APY. Maybe we have to update `InternalLink` component to include text and an option to disable mono?
sarvex · Jan 24, 2023 · 2609100 · 2609100
1 parent d38bf93
commit 2609100
Showing 1 changed file with 9 additions and 3 deletions.
diff --git a/apps/explorer/src/components/top-validators-card/TopValidatorsCard.tsx b/apps/explorer/src/components/top-validators-card/TopValidatorsCard.tsx
@@ -50,7 +50,12 @@ const validatorsTable = (
     const validators = processValidators(
         validatorsData.validators.fields.active_validators,
         totalStake
-    ).sort((a, b) => (a.name > b.name ? 1 : -1));
+    ).sort((a, b) =>
+        a.name.localeCompare(b.name, 'en', {
+            sensitivity: 'base',
+            numeric: true,
+        })
+    );
 
     const validatorsItems = limit ? validators.splice(0, limit) : validators;
 
@@ -68,9 +73,10 @@ const validatorsTable = (
                                 circle
                             />
                         )}
-                        <Text variant="bodySmall/medium" color="steel-darker">
+
+                        <Link to={`/validator/${encodeURIComponent(address)}`}>
                             {name}
-                        </Text>
+                        </Link>
                     </div>
                 ),
                 stake: <StakeColumn stake={stake} />,