add sorting to table data

frontend/src/services/db/db.hooks.ts

@@ -1,4 +1,4 @@
-import { keepPreviousData, useQuery } from "@tanstack/react-query";
+import { useQuery } from "@tanstack/react-query";
 import { DB_QUERY_KEYS } from "./db.query-keys";
 import { dbService } from "./db.service";
 import type {
@@ -13,7 +13,6 @@ export const useDatabasesListQuery = () => {
   return useQuery({
     queryKey: [DB_QUERY_KEYS.DATABASES.ALL],
     queryFn: () => dbService.getDatabasesList(),
-    placeholderData: keepPreviousData,
   });
 };
 
@@ -22,7 +21,6 @@ export const useTablesListQuery = (args: GetTablesListArgs) => {
     queryKey: [DB_QUERY_KEYS.TABLES.ALL, args],
     queryFn: () => dbService.getTablesList(args),
     enabled: !!args.dbName,
-    placeholderData: keepPreviousData,
   });
 };
 

frontend/src/services/db/db.service.ts

@@ -27,10 +27,17 @@ class DbService {
       .json<GetTablesListResponse>();
   }
 
-  getTableData({ dbName, tableName, page, perPage }: GetTableDataArgs) {
+  getTableData({
+    dbName,
+    tableName,
+    page,
+    perPage,
+    sortField,
+    sortDesc,
+  }: GetTableDataArgs) {
     return dbInstance
       .get(`api/databases/${dbName}/tables/${tableName}/data`, {
-        searchParams: getValuable({ perPage, page }),
+        searchParams: getValuable({ perPage, page, sortField, sortDesc }),
       })
       .json<GetTableDataResponse>();
   }

frontend/src/services/db/db.types.ts

@@ -26,6 +26,8 @@ export type GetTableDataArgs = {
   dbName: string;
   perPage?: number;
   page?: number;
+  sortField?: string;
+  sortDesc?: boolean;
 };
 
 export type GetTableDataResponse = {