Changed the metrics Filter to show only the desired row after filtering

Linting fixed
cloudera · Nov 15, 2024 · 0445e52 · 0445e52
1 parent 236c80c
commit 0445e52
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/desktop/core/src/desktop/js/apps/admin/Metrics/MetricsTab.tsx b/desktop/core/src/desktop/js/apps/admin/Metrics/MetricsTab.tsx
@@ -60,9 +60,14 @@ const Metrics: React.FC = (): JSX.Element => {
       return;
     }
 
-    const filteredData = parseMetricsData(metrics).filter(tableData =>
-      tableData.dataSource.some(data => data.name.toLowerCase().includes(searchQuery.toLowerCase()))
-    );
+    const filteredData = parseMetricsData(metrics)
+      .map(tableData => ({
+        ...tableData,
+        dataSource: tableData.dataSource.filter(data =>
+          data.name.toLowerCase().includes(searchQuery.toLowerCase())
+        )
+      }))
+      .filter(tableData => tableData.dataSource.length > 0);
 
     setFilteredMetricsData(filteredData);
   }, [searchQuery, metrics]);