fix: table sorter

src/pages/usage/tables/apikeys-table.tsx

@@ -32,10 +32,22 @@ const APIKeys: React.FC<{
     sort_by: ''
   });
 
-  const handleTableChange = (pagination: any, filters: any, sorter: any) => {};
-
-  const handlePageChange = (page: number, pageSize: number) => {};
+  const handleTableChange = (pagination: any, filters: any, sorter: any) => {
+    let sort_by =
+      sorter.order === 'descend' ? `-${sorter.field}` : sorter.field;
+    setQueryParams((prev) => ({
+      ...prev,
+      sort_by
+    }));
+  };
 
+  const handlePageChange = (page: number, pageSize: number) => {
+    setQueryParams((prev) => ({
+      ...prev,
+      page,
+      perPage: pageSize
+    }));
+  };
   const columns = useAPIKeys();
 
   const renderEmpty = (type?: string) => {

src/pages/usage/tables/models-table.tsx

@@ -32,9 +32,23 @@ const Models: React.FC<{
     sort_by: ''
   });
 
-  const handleTableChange = (pagination: any, filters: any, sorter: any) => {};
+  const handleTableChange = (pagination: any, filters: any, sorter: any) => {
+    console.log('pagination, filters, sorter: ', pagination, filters, sorter);
+    let sort_by =
+      sorter.order === 'descend' ? `-${sorter.field}` : sorter.field;
+    setQueryParams((prev) => ({
+      ...prev,
+      sort_by
+    }));
+  };
 
-  const handlePageChange = (page: number, pageSize: number) => {};
+  const handlePageChange = (page: number, pageSize: number) => {
+    setQueryParams((prev) => ({
+      ...prev,
+      page,
+      perPage: pageSize
+    }));
+  };
 
   const columns = useUsersColumns();
 

src/pages/usage/tables/users-table.tsx

@@ -32,9 +32,22 @@ const Users: React.FC<{
     sort_by: ''
   });
 
-  const handleTableChange = (pagination: any, filters: any, sorter: any) => {};
+  const handleTableChange = (pagination: any, filters: any, sorter: any) => {
+    let sort_by =
+      sorter.order === 'descend' ? `-${sorter.field}` : sorter.field;
+    setQueryParams((prev) => ({
+      ...prev,
+      sort_by
+    }));
+  };
 
-  const handlePageChange = (page: number, pageSize: number) => {};
+  const handlePageChange = (page: number, pageSize: number) => {
+    setQueryParams((prev) => ({
+      ...prev,
+      page,
+      perPage: pageSize
+    }));
+  };
 
   const columns = useUsersColumns();