diff --git a/apps/client/src/features/base/queries/base-property-query.ts b/apps/client/src/features/base/queries/base-property-query.ts index 0d44efa3c..ec89396be 100644 --- a/apps/client/src/features/base/queries/base-property-query.ts +++ b/apps/client/src/features/base/queries/base-property-query.ts @@ -26,7 +26,7 @@ export function useCreatePropertyMutation() { mutationFn: (data) => createProperty(data), onSuccess: (newProperty) => { queryClient.setQueryData( - ["bases", newProperty.baseId], + ["bases", newProperty.pageId], (old) => { if (!old) return old; return { @@ -51,7 +51,7 @@ export function useUpdatePropertyMutation() { mutationFn: (data) => updateProperty(data), onSuccess: (result, variables) => { queryClient.setQueryData( - ["bases", variables.baseId], + ["bases", variables.pageId], (old) => { if (!old) return old; return { @@ -78,7 +78,7 @@ export function useDeletePropertyMutation() { mutationFn: (data) => deleteProperty(data), onSuccess: (_, variables) => { queryClient.setQueryData( - ["bases", variables.baseId], + ["bases", variables.pageId], (old) => { if (!old) return old; return { @@ -91,7 +91,7 @@ export function useDeletePropertyMutation() { ); queryClient.setQueriesData>>( - { queryKey: ["base-rows", variables.baseId] }, + { queryKey: ["base-rows", variables.pageId] }, (old) => { if (!old) return old; return { @@ -123,16 +123,16 @@ export function useReorderPropertyMutation() { mutationFn: (data) => reorderProperty(data), onMutate: async (variables) => { await queryClient.cancelQueries({ - queryKey: ["bases", variables.baseId], + queryKey: ["bases", variables.pageId], }); const previous = queryClient.getQueryData([ "bases", - variables.baseId, + variables.pageId, ]); queryClient.setQueryData( - ["bases", variables.baseId], + ["bases", variables.pageId], (old) => { if (!old) return old; return { @@ -151,7 +151,7 @@ export function useReorderPropertyMutation() { onError: (_, variables, context) => { if (context?.previous) { queryClient.setQueryData( - ["bases", variables.baseId], + ["bases", variables.pageId], context.previous, ); } diff --git a/apps/client/src/features/base/queries/base-query.ts b/apps/client/src/features/base/queries/base-query.ts index 95be08c43..e4b843f94 100644 --- a/apps/client/src/features/base/queries/base-query.ts +++ b/apps/client/src/features/base/queries/base-query.ts @@ -19,12 +19,12 @@ import { queryClient } from "@/main"; import { useTranslation } from "react-i18next"; export function useBaseQuery( - baseId: string | undefined, + pageId: string | undefined, ): UseQueryResult { return useQuery({ - queryKey: ["bases", baseId], - queryFn: () => getBaseInfo(baseId!), - enabled: !!baseId, + queryKey: ["bases", pageId], + queryFn: () => getBaseInfo(pageId!), + enabled: !!pageId, staleTime: 5 * 60 * 1000, }); } @@ -68,10 +68,10 @@ export function useUpdateBaseMutation() { export function useDeleteBaseMutation() { const { t } = useTranslation(); - return useMutation({ - mutationFn: ({ baseId }) => deleteBase(baseId), - onSuccess: (_, { baseId, spaceId }) => { - queryClient.removeQueries({ queryKey: ["bases", baseId] }); + return useMutation({ + mutationFn: ({ pageId }) => deleteBase(pageId), + onSuccess: (_, { pageId, spaceId }) => { + queryClient.removeQueries({ queryKey: ["bases", pageId] }); queryClient.invalidateQueries({ queryKey: ["bases", "list", spaceId], }); diff --git a/apps/client/src/features/base/queries/base-row-query.ts b/apps/client/src/features/base/queries/base-row-query.ts index 55d50550c..7d305b51e 100644 --- a/apps/client/src/features/base/queries/base-row-query.ts +++ b/apps/client/src/features/base/queries/base-row-query.ts @@ -59,7 +59,7 @@ function newRequestId(): string { } export function useBaseRowsQuery( - baseId: string | undefined, + pageId: string | undefined, filter?: FilterNode, sorts?: ViewSortConfig[], search?: SearchSpec, @@ -69,16 +69,16 @@ export function useBaseRowsQuery( const activeSearch = search?.query ? search : undefined; return useInfiniteQuery({ - queryKey: ["base-rows", baseId, activeFilter, activeSorts, activeSearch], + queryKey: ["base-rows", pageId, activeFilter, activeSorts, activeSearch], queryFn: ({ pageParam }) => - listRows(baseId!, { + listRows(pageId!, { cursor: pageParam, limit: 100, filter: activeFilter, sorts: activeSorts, search: activeSearch, }), - enabled: !!baseId, + enabled: !!pageId, initialPageParam: undefined as string | undefined, getNextPageParam: (lastPage: IPagination) => lastPage.meta?.nextCursor ?? undefined, @@ -99,7 +99,7 @@ export function useCreateRowMutation() { mutationFn: (data) => createRow({ ...data, requestId: newRequestId() }), onSuccess: (newRow) => { queryClient.setQueriesData>>( - { queryKey: ["base-rows", newRow.baseId] }, + { queryKey: ["base-rows", newRow.pageId] }, (old) => { if (!old) return old; const lastPageIndex = old.pages.length - 1; @@ -130,15 +130,15 @@ export function useUpdateRowMutation() { mutationFn: (data) => updateRow({ ...data, requestId: newRequestId() }), onMutate: async (variables) => { await queryClient.cancelQueries({ - queryKey: ["base-rows", variables.baseId], + queryKey: ["base-rows", variables.pageId], }); const snapshots = queryClient.getQueriesData< InfiniteData> - >({ queryKey: ["base-rows", variables.baseId] }); + >({ queryKey: ["base-rows", variables.pageId] }); queryClient.setQueriesData>>( - { queryKey: ["base-rows", variables.baseId] }, + { queryKey: ["base-rows", variables.pageId] }, (old) => { if (!old) return old; return { @@ -173,7 +173,7 @@ export function useUpdateRowMutation() { }, onSuccess: (updatedRow) => { queryClient.setQueriesData>>( - { queryKey: ["base-rows", updatedRow.baseId] }, + { queryKey: ["base-rows", updatedRow.pageId] }, (old) => { if (!old) return old; return { @@ -199,15 +199,15 @@ export function useDeleteRowMutation() { mutationFn: (data) => deleteRow({ ...data, requestId: newRequestId() }), onMutate: async (variables) => { await queryClient.cancelQueries({ - queryKey: ["base-rows", variables.baseId], + queryKey: ["base-rows", variables.pageId], }); const snapshots = queryClient.getQueriesData< InfiniteData> - >({ queryKey: ["base-rows", variables.baseId] }); + >({ queryKey: ["base-rows", variables.pageId] }); queryClient.setQueriesData>>( - { queryKey: ["base-rows", variables.baseId] }, + { queryKey: ["base-rows", variables.pageId] }, (old) => { if (!old) return old; return { @@ -242,16 +242,16 @@ export function useDeleteRowsMutation() { mutationFn: (data) => deleteRows({ ...data, requestId: newRequestId() }), onMutate: async (variables) => { await queryClient.cancelQueries({ - queryKey: ["base-rows", variables.baseId], + queryKey: ["base-rows", variables.pageId], }); const snapshots = queryClient.getQueriesData< InfiniteData> - >({ queryKey: ["base-rows", variables.baseId] }); + >({ queryKey: ["base-rows", variables.pageId] }); const removeSet = new Set(variables.rowIds); queryClient.setQueriesData>>( - { queryKey: ["base-rows", variables.baseId] }, + { queryKey: ["base-rows", variables.pageId] }, (old) => { if (!old) return old; return { @@ -287,7 +287,7 @@ export function useDeleteRowsMutation() { * of the key so a "show exact" toggle doesn't clobber the estimate cache. */ export function useBaseRowsCountQuery( - baseId: string | undefined, + pageId: string | undefined, filter?: FilterNode, search?: SearchSpec, exact = false, @@ -296,15 +296,15 @@ export function useBaseRowsCountQuery( const activeSearch = search?.query ? search : undefined; return useQuery({ - queryKey: ["base-rows-count", baseId, activeFilter, activeSearch, exact], + queryKey: ["base-rows-count", pageId, activeFilter, activeSearch, exact], queryFn: () => countRows({ - baseId: baseId!, + pageId: pageId!, filter: activeFilter, search: activeSearch, exact, }), - enabled: !!baseId, + enabled: !!pageId, staleTime: 30 * 1000, }); } @@ -315,15 +315,15 @@ export function useReorderRowMutation() { mutationFn: (data) => reorderRow({ ...data, requestId: newRequestId() }), onMutate: async (variables) => { await queryClient.cancelQueries({ - queryKey: ["base-rows", variables.baseId], + queryKey: ["base-rows", variables.pageId], }); const snapshots = queryClient.getQueriesData< InfiniteData> - >({ queryKey: ["base-rows", variables.baseId] }); + >({ queryKey: ["base-rows", variables.pageId] }); queryClient.setQueriesData>>( - { queryKey: ["base-rows", variables.baseId] }, + { queryKey: ["base-rows", variables.pageId] }, (old) => { if (!old) return old; return { diff --git a/apps/client/src/features/base/queries/base-view-query.ts b/apps/client/src/features/base/queries/base-view-query.ts index 2ef124df5..f8d98dff9 100644 --- a/apps/client/src/features/base/queries/base-view-query.ts +++ b/apps/client/src/features/base/queries/base-view-query.ts @@ -21,7 +21,7 @@ export function useCreateViewMutation() { mutationFn: (data) => createView(data), onSuccess: (newView) => { queryClient.setQueryData( - ["bases", newView.baseId], + ["bases", newView.pageId], (old) => { if (!old) return old; return { @@ -46,16 +46,16 @@ export function useUpdateViewMutation() { mutationFn: (data) => updateView(data), onMutate: async (variables) => { await queryClient.cancelQueries({ - queryKey: ["bases", variables.baseId], + queryKey: ["bases", variables.pageId], }); const previous = queryClient.getQueryData([ "bases", - variables.baseId, + variables.pageId, ]); queryClient.setQueryData( - ["bases", variables.baseId], + ["bases", variables.pageId], (old) => { if (!old) return old; return { @@ -85,7 +85,7 @@ export function useUpdateViewMutation() { onError: (_, variables, context) => { if (context?.previous) { queryClient.setQueryData( - ["bases", variables.baseId], + ["bases", variables.pageId], context.previous, ); } @@ -96,7 +96,7 @@ export function useUpdateViewMutation() { }, onSuccess: (updatedView) => { queryClient.setQueryData( - ["bases", updatedView.baseId], + ["bases", updatedView.pageId], (old) => { if (!old) return old; return { @@ -117,7 +117,7 @@ export function useDeleteViewMutation() { mutationFn: (data) => deleteView(data), onSuccess: (_, variables) => { queryClient.setQueryData( - ["bases", variables.baseId], + ["bases", variables.pageId], (old) => { if (!old) return old; return { diff --git a/apps/client/src/features/base/services/base-service.ts b/apps/client/src/features/base/services/base-service.ts index 1fb78ea2f..55475a7e6 100644 --- a/apps/client/src/features/base/services/base-service.ts +++ b/apps/client/src/features/base/services/base-service.ts @@ -35,8 +35,8 @@ export async function createBase(data: CreateBaseInput): Promise { return req.data; } -export async function getBaseInfo(baseId: string): Promise { - const req = await api.post("/bases/info", { baseId }); +export async function getBaseInfo(pageId: string): Promise { + const req = await api.post("/bases/info", { pageId }); return req.data; } @@ -45,14 +45,14 @@ export async function updateBase(data: UpdateBaseInput): Promise { return req.data; } -export async function deleteBase(baseId: string): Promise { - await api.post("/bases/delete", { baseId }); +export async function deleteBase(pageId: string): Promise { + await api.post("/bases/delete", { pageId }); } -export async function exportBaseToCsv(baseId: string): Promise { +export async function exportBaseToCsv(pageId: string): Promise { const req = await api.post( "/bases/export-csv", - { baseId }, + { pageId }, { responseType: "blob" }, ); @@ -115,9 +115,9 @@ export async function createRow(data: CreateRowInput): Promise { export async function getRowInfo( rowId: string, - baseId: string, + pageId: string, ): Promise { - const req = await api.post("/bases/rows/info", { rowId, baseId }); + const req = await api.post("/bases/rows/info", { rowId, pageId }); return req.data; } @@ -135,7 +135,7 @@ export async function deleteRows(data: DeleteRowsInput): Promise { } export async function listRows( - baseId: string, + pageId: string, params?: { viewId?: string; cursor?: string; @@ -145,7 +145,7 @@ export async function listRows( search?: SearchSpec; }, ): Promise> { - const req = await api.post("/bases/rows", { baseId, ...params }); + const req = await api.post("/bases/rows", { pageId, ...params }); return req.data; } @@ -176,7 +176,7 @@ export async function deleteView(data: DeleteViewInput): Promise { await api.post("/bases/views/delete", data); } -export async function listViews(baseId: string): Promise { - const req = await api.post("/bases/views", { baseId }); +export async function listViews(pageId: string): Promise { + const req = await api.post("/bases/views", { pageId }); return req.data; }