limit number validators on homepage to 5 and fix error display (#4515)

* limit number validators on homepage to 5 and fix error display * update comment
MystenLabs · Sep 8, 2022 · 5d82bc4 · 5d82bc4
1 parent c8812ff
commit 5d82bc4
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/explorer/client/src/components/error-result/ErrorResult.module.css b/explorer/client/src/components/error-result/ErrorResult.module.css
@@ -1,7 +1,11 @@
 div > div.problemrow > div:first-child {
- @apply w-[40vw] text-left mb-[1vh] text-red-600 block;
+ @apply w-auto text-left mb-[1vh] text-red-600 block;
 }
 
 div > div.problemrow > div:nth-child(2) {
  @apply w-[30vw] block ml-[10vw];
 }
+
+div > div.problemrow {
+ @apply ml-0;
+}
diff --git a/explorer/client/src/components/top-validators-card/TopValidatorsCard.tsx b/explorer/client/src/components/top-validators-card/TopValidatorsCard.tsx
@@ -88,8 +88,10 @@ function TopValidatorsCard({ state }: { state: ValidatorState }): JSX.Element {
  );
 
  // map the above data to match the table - combine stake and stake percent
+ // limit number validators to 5
+ // TODO: add sorting
  const tableData = {
- data: validatorsData.map((validator) => ({
+ data: validatorsData.splice(0, 5).map((validator) => ({
  name: validator.name,
  position: validator.position,
  address: (