PROD-2529 Fix wrong system count on datamap (#5151)

Co-authored-by: Lucano Vera <[email protected]>
Co-authored-by: Jason Gill <[email protected]>

CHANGELOG.md

@@ -56,6 +56,8 @@ The types of changes are:
 - Fixed Admin UI issue where banner would disappear in Experience Preview with GPC enabled [#5131](https://github.com/ethyca/fides/pull/5131)
 - Fixed not being able to edit a monitor from scheduled to not scheduled [#5114](https://github.com/ethyca/fides/pull/5114)
 - Migrating missing Fideslang 2.0 data categories [#5073](https://github.com/ethyca/fides/pull/5073)
+- Fixed wrong system count on Datamap page [#5151](https://github.com/ethyca/fides/pull/5151)
+
 
 ## [2.41.0](https://github.com/ethyca/fides/compare/2.40.0...2.41.0)
 

clients/admin-ui/src/features/datamap/SettingsBar.tsx

@@ -1,5 +1,6 @@
 import { Button, Flex, Tag, Text, useDisclosure } from "fidesui";
-import React, { useContext } from "react";
+import { uniq } from "lodash";
+import React, { useContext, useMemo } from "react";
 
 import { useFeatures } from "~/features/common/features";
 import QuestionTooltip from "~/features/common/QuestionTooltip";
@@ -28,11 +29,18 @@ const SettingsBar = () => {
   const { tableInstance } = useContext(DatamapTableContext);
   const { systemsCount: totalSystemsCount, dictionaryService: compassEnabled } =
     useFeatures();
+
+  const rowModel = tableInstance?.getRowModel();
+  const uniqueSystemKeysFromFilteredRows = useMemo(() => {
+    const rows = rowModel?.rows || [];
+    return uniq(rows?.map((row) => row.original["system.fides_key"]));
+  }, [rowModel]);
+
   if (!tableInstance) {
     return null;
   }
 
-  const filteredSystemsCount = tableInstance.getRowModel().rows.length || 0;
+  const filteredSystemsCount = uniqueSystemKeysFromFilteredRows.length;
   const totalFiltersApplied = tableInstance.getState().columnFilters.length;
 
   return (