From 21d2246f30969f54a76a79cc4539d4b84055fae5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C3=89mile=20R=C3=A9?= <nemile.re@gmail.com>
Date: Wed, 3 Dec 2025 12:20:44 +0400
Subject: [PATCH] Fix unexpected any in SortableTable
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Émile Ré <nemile.re@gmail.com>
---
 apps/console/src/components/SortableTable.tsx          | 10 ++++++++--
 .../src/components/assets/ReadOnlyAssetsTable.tsx      |  2 +-
 .../src/components/controls/LinkedControlsCard.tsx     |  2 +-
 .../src/pages/organizations/audits/AuditsPage.tsx      |  2 +-
 apps/console/src/pages/organizations/data/DataPage.tsx |  1 +
 .../pages/organizations/documents/DocumentsPage.tsx    | 10 ++++++----
 .../organizations/settings/MembersSettingsTab.tsx      |  2 ++
 7 files changed, 20 insertions(+), 9 deletions(-)

diff --git a/apps/console/src/components/SortableTable.tsx b/apps/console/src/components/SortableTable.tsx
index ed23cb8cc..93c1c000b 100644
--- a/apps/console/src/components/SortableTable.tsx
+++ b/apps/console/src/components/SortableTable.tsx
@@ -15,12 +15,16 @@ import {
   useState,
   type ComponentProps,
 } from "react";
+import type { LoadMoreFn } from "react-relay";
+import type { OperationType } from "relay-runtime";
 
 type Order = {
   direction: string;
   field: string;
 };
 
+const defaultPageSize = 50;
+
 export const SortableContext = createContext({
   order: {
     direction: "DESC",
@@ -39,12 +43,14 @@ export function SortableTable({
   hasNext,
   loadNext,
   isLoadingNext,
+  pageSize = defaultPageSize,
   ...props
 }: ComponentProps<typeof Table> & {
   refetch: (o: { order: Order }) => void;
   hasNext?: boolean;
-  loadNext?: (...args: any[]) => void;
+  loadNext?: LoadMoreFn<OperationType>;
   isLoadingNext?: boolean;
+  pageSize?: number;
 }) {
   const { __ } = useTranslate();
   const [order, setOrder] = useState(defaultOrder);
@@ -61,7 +67,7 @@ export function SortableTable({
         {hasNext && loadNext && (
           <Button
             variant="tertiary"
-            onClick={() => loadNext()}
+            onClick={() => loadNext(pageSize)}
             className="mt-3 mx-auto"
             disabled={isLoadingNext}
             icon={isLoadingNext ? Spinner : IconChevronDown}
diff --git a/apps/console/src/components/assets/ReadOnlyAssetsTable.tsx b/apps/console/src/components/assets/ReadOnlyAssetsTable.tsx
index 21693e45d..24252f9aa 100644
--- a/apps/console/src/components/assets/ReadOnlyAssetsTable.tsx
+++ b/apps/console/src/components/assets/ReadOnlyAssetsTable.tsx
@@ -25,7 +25,7 @@ export function ReadOnlyAssetsTable(props: Props) {
   const { __ } = useTranslate();
 
   return (
-    <SortableTable {...pagination}>
+    <SortableTable {...pagination} pageSize={10}>
         <Thead>
           <Tr>
             <Th>{__("Name")}</Th>
diff --git a/apps/console/src/components/controls/LinkedControlsCard.tsx b/apps/console/src/components/controls/LinkedControlsCard.tsx
index e098ee7a9..b92ff1308 100644
--- a/apps/console/src/components/controls/LinkedControlsCard.tsx
+++ b/apps/console/src/components/controls/LinkedControlsCard.tsx
@@ -91,7 +91,7 @@ export function LinkedControlsCard<Params>(props: Props<Params>) {
   };
 
   return (
-    <SortableTable refetch={props.refetch as any}>
+    <SortableTable refetch={props.refetch}>
       <Thead>
         <Tr>
           <SortableTh field="SECTION_TITLE">{__("Reference")}</SortableTh>
diff --git a/apps/console/src/pages/organizations/audits/AuditsPage.tsx b/apps/console/src/pages/organizations/audits/AuditsPage.tsx
index 21f6277d2..cf2aeb81a 100644
--- a/apps/console/src/pages/organizations/audits/AuditsPage.tsx
+++ b/apps/console/src/pages/organizations/audits/AuditsPage.tsx
@@ -115,7 +115,7 @@ export default function AuditsPage(props: Props) {
           </CreateAuditDialog>
         )}
       </PageHeader>
-      <SortableTable {...pagination}>
+      <SortableTable {...pagination} pageSize={10}>
         <Thead>
           <Tr>
             <Th>{__("Name")}</Th>
diff --git a/apps/console/src/pages/organizations/data/DataPage.tsx b/apps/console/src/pages/organizations/data/DataPage.tsx
index e3053b4e8..8383f0ef5 100644
--- a/apps/console/src/pages/organizations/data/DataPage.tsx
+++ b/apps/console/src/pages/organizations/data/DataPage.tsx
@@ -153,6 +153,7 @@ export default function DataPage(props: Props) {
       <SortableTable
         {...pagination}
         refetch={refetch}
+        pageSize={10}
       >
         <Thead>
           <Tr>
diff --git a/apps/console/src/pages/organizations/documents/DocumentsPage.tsx b/apps/console/src/pages/organizations/documents/DocumentsPage.tsx
index 19ce5533e..585f6299d 100644
--- a/apps/console/src/pages/organizations/documents/DocumentsPage.tsx
+++ b/apps/console/src/pages/organizations/documents/DocumentsPage.tsx
@@ -399,20 +399,22 @@ function DocumentRow({
   );
   const lastVersion = document.versions.edges?.[0]?.node;
 
+  const isDraft = lastVersion.status === "DRAFT";
+  const { __ } = useTranslate();
+
+  const [deleteDocument] = useDeleteDocumentMutation();
+  const confirm = useConfirm();
+
   if (!lastVersion) {
     return null;
   }
 
-  const isDraft = lastVersion.status === "DRAFT";
-  const { __ } = useTranslate();
   const signatures =
     lastVersion.signatures?.edges?.map((edge) => edge?.node)?.filter(Boolean) ??
     [];
   const signedCount = signatures.filter(
     (signature) => signature.state === "SIGNED"
   ).length;
-  const [deleteDocument] = useDeleteDocumentMutation();
-  const confirm = useConfirm();
 
   const handleDelete = () => {
     confirm(
diff --git a/apps/console/src/pages/organizations/settings/MembersSettingsTab.tsx b/apps/console/src/pages/organizations/settings/MembersSettingsTab.tsx
index a3b099fdd..7924c5d78 100644
--- a/apps/console/src/pages/organizations/settings/MembersSettingsTab.tsx
+++ b/apps/console/src/pages/organizations/settings/MembersSettingsTab.tsx
@@ -223,6 +223,7 @@ export default function MembersSettingsTab() {
                   }
                 });
               }}
+              pageSize={20}
             >
               <Thead>
                 <Tr>
@@ -266,6 +267,7 @@ export default function MembersSettingsTab() {
                   }
                 });
               }}
+              pageSize={20}
             >
               <Thead>
                 <Tr>