ershisan99/db-studio
1
0
Fork 0
mirror of https://github.com/ershisan99/db-studio.git synced 2025-12-18 12:33:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor table details queries (indexes, foreign_keys, columns)

Browse Source
This commit is contained in:
andres
2024-07-07 01:40:04 +02:00
parent bf40c7d308
commit 5d1658c522
6 changed files with 117 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
frontend/src/services/db/db.hooks.ts
View File

@@ -1,7 +1,13 @@
import { keepPreviousData, useQuery } from "@tanstack/react-query";
import { DB_QUERY_KEYS } from "./db.query-keys";
import { dbService } from "./db.service";
import type { GetTableDataArgs, GetTablesListArgs } from "./db.types";
import type {
GetTableColumnsArgs,
GetTableDataArgs,
GetTableForeignKeysArgs,
GetTableIndexesArgs,
GetTablesListArgs,
} from "./db.types";
export const useDatabasesListQuery = () => {
return useQuery({
@@ -38,27 +44,36 @@ export const useTableDataQuery = (args: GetTableDataArgs) => {
});
};
export const useTableColumnsQuery = (args: { name?: string }) => {
export const useTableColumnsQuery = (args: GetTableColumnsArgs) => {
return useQuery({
queryKey: [DB_QUERY_KEYS.TABLES.COLUMNS, args],
queryFn: () => dbService.getTableColumns(args.name ?? ""),
placeholderData: keepPreviousData,
enabled: !!args.name,
queryFn: () => dbService.getTableColumns(args),
placeholderData: (previousData, previousQuery) => {
if (
typeof previousQuery?.queryKey[1] !== "string" &&
(previousQuery?.queryKey[1].dbName !== args.dbName ||
previousQuery?.queryKey[1].tableName !== args.tableName)
) {
return undefined;
}
return previousData;
},
enabled: !!args.tableName && !!args.dbName,
});
};
export const useTableIndexesQuery = (args: { name?: string }) => {
export const useTableIndexesQuery = (args: GetTableIndexesArgs) => {
return useQuery({
queryKey: [DB_QUERY_KEYS.TABLES.INDEXES, args],
queryFn: () => dbService.getTableIndexes(args.name ?? ""),
enabled: !!args.name,
queryFn: () => dbService.getTableIndexes(args),
enabled: !!args.tableName && !!args.dbName,
});
};
export const useTableForeignKeysQuery = (args: { name?: string }) => {
export const useTableForeignKeysQuery = (args: GetTableForeignKeysArgs) => {
return useQuery({
queryKey: [DB_QUERY_KEYS.TABLES.FOREIGN_KEYS, args],
queryFn: () => dbService.getTableForeignKeys(args.name ?? ""),
enabled: !!args.name,
queryFn: () => dbService.getTableForeignKeys(args),
enabled: !!args.tableName && !!args.dbName,
});
};