fix: use server side sorting for config summary

flanksource · Jun 8, 2024 · 1c9b66c · 1c9b66c
1 parent a4cc940
commit 1c9b66c
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/src/components/Configs/ConfigSummary/ConfigSummaryList.tsx b/src/components/Configs/ConfigSummary/ConfigSummaryList.tsx
@@ -2,6 +2,7 @@ import { ConfigSummary } from "@flanksource-ui/api/types/configs";
 import { Badge } from "@flanksource-ui/ui/Badge/Badge";
 import { CountBadge } from "@flanksource-ui/ui/Badge/CountBadge";
 import { DataTable } from "@flanksource-ui/ui/DataTable";
+import useReactTableSortState from "@flanksource-ui/ui/DataTable/Hooks/useReactTableSortState";
 import { CellContext, ColumnDef, Row } from "@tanstack/react-table";
 import { useCallback, useMemo } from "react";
 import { BiLabel } from "react-icons/bi";
@@ -266,6 +267,8 @@ export default function ConfigSummaryList({
     return [...newColumns, ...configSummaryColumns];
   }, [groupBy, groupByTags]);
 
+  const [sortState, updateSortState] = useReactTableSortState();
+
   return (
     <DataTable
       stickyHead
@@ -278,6 +281,9 @@ export default function ConfigSummaryList({
       hiddenColumns={
         groupBy.length > 1 ? groupBy.slice(0, groupBy.length - 1) : undefined
       }
+      enableServerSideSorting
+      onTableSortByChanged={updateSortState}
+      tableSortByState={sortState}
       handleRowClick={handleRowClick}
       tableStyle={{ borderSpacing: "0" }}
       isLoading={isLoading}