show always 10 categories tops

GlobalFishingWatch · Aug 28, 2024 · fd27281 · fd27281
1 parent f5277d0
commit fd27281
Showing 1 changed file with 15 additions and 1 deletion.
diff --git a/...fishing-map/features/vessel-group-report/vessels/vessel-group-report-vessels.selectors.ts b/...fishing-map/features/vessel-group-report/vessels/vessel-group-report-vessels.selectors.ts
@@ -26,7 +26,7 @@ export const selectVesselGroupReportVesselsGraphDataGrouped = createSelector(
         )
         break
     }
-    return Object.entries(vesselsGrouped)
+    const orderedGroups = Object.entries(vesselsGrouped)
       .map(([key, value]) => ({
         name: key,
         value: (value as any[]).length,
@@ -40,5 +40,19 @@ export const selectVesselGroupReportVesselsGraphDataGrouped = createSelector(
         }
         return b.value - a.value
       })
+
+    if (orderedGroups.length <= 9) {
+      return orderedGroups
+    }
+    const firstTen = orderedGroups.slice(0, 9)
+    const other = orderedGroups.slice(9)
+
+    return [
+      ...firstTen,
+      {
+        name: OTHER_CATEGORY_LABEL,
+        value: other.reduce((acc, group) => acc + group.value, 0),
+      },
+    ]
   }
 )