fix(topology): filter options should show unique value only

cryostatio · Sep 12, 2024 · e128ab4 · e128ab4
1 parent fb87a10
commit e128ab4
Showing 1 changed file with 24 additions and 26 deletions.
diff --git a/src/app/Topology/Toolbar/TopologyFilters.tsx b/src/app/Topology/Toolbar/TopologyFilters.tsx
@@ -209,20 +209,19 @@ export const TopologyFilter: React.FC<TopologyFilterProps> = ({ isDisabled }) =>
                     return !criteria || !criteria.includes(val);
                   }
                   return true;
-                })
-                .map<TopologyFilterSelectOption>((val) => ({
-                  value: val,
-                  render: () =>
-                    isLabelOrAnnotation(cat) ? (
-                      <Label color="grey" textMaxWidth={LABEL_TEXT_MAXWIDTH}>
-                        {val}
-                      </Label>
-                    ) : (
-                      val
-                    ),
-                })),
+                }),
             ),
-          ),
+          ).map<TopologyFilterSelectOption>((val) => ({
+            value: val,
+            render: () =>
+              isLabelOrAnnotation(cat) ? (
+                <Label color="grey" textMaxWidth={LABEL_TEXT_MAXWIDTH}>
+                  {val}
+                </Label>
+              ) : (
+                val
+              ),
+          })),
         }))
         .filter((group) => group.options && group.options.length); // Do show show empty groups
 
@@ -267,20 +266,19 @@ export const TopologyFilter: React.FC<TopologyFilterProps> = ({ isDisabled }) =>
                 .filter((val) => {
                   const criteria: string[] = targetFilters.filters[cat];
                   return !criteria || !criteria.includes(val);
-                })
-                .map<TopologyFilterSelectOption>((val) => ({
-                  value: val,
-                  render: () =>
-                    isLabelOrAnnotation(cat) ? (
-                      <Label color="grey" textMaxWidth={LABEL_TEXT_MAXWIDTH}>
-                        {val}
-                      </Label>
-                    ) : (
-                      val
-                    ),
-                })),
+                }),
             ),
-          ),
+          ).map<TopologyFilterSelectOption>((val) => ({
+            value: val,
+            render: () =>
+              isLabelOrAnnotation(cat) ? (
+                <Label color="grey" textMaxWidth={LABEL_TEXT_MAXWIDTH}>
+                  {val}
+                </Label>
+              ) : (
+                val
+              ),
+          })),
         },
       ];