import { useMutation, useQueryClient } from '@tanstack/react-query' import { toast } from 'sonner' import { projectKeys } from './keys' import { useInvalidateProjectsInfiniteQuery } from './org-projects-infinite-query' import { del, handleError } from '@/data/fetchers' import { organizationKeys } from '@/data/organizations/keys' import type { ResponseError, UseCustomMutationOptions } from '@/types' export type ProjectDeleteVariables = { projectRef: string organizationSlug?: string } export async function deleteProject({ projectRef }: ProjectDeleteVariables) { const { data, error } = await del('/platform/projects/{ref}', { params: { path: { ref: projectRef } }, }) if (error) handleError(error) return data } type ProjectDeleteData = Awaited> export const useProjectDeleteMutation = ({ onSuccess, onError, ...options }: Omit< UseCustomMutationOptions, 'mutationFn' > = {}) => { const queryClient = useQueryClient() const { invalidateProjectsQuery } = useInvalidateProjectsInfiniteQuery() return useMutation({ mutationFn: (vars) => deleteProject(vars), async onSuccess(data, variables, context) { await Promise.all([queryClient.invalidateQueries({ queryKey: projectKeys.detail(data.ref) })]) if (variables.organizationSlug) { await Promise.all([ invalidateProjectsQuery(), queryClient.invalidateQueries({ queryKey: organizationKeys.detail(variables.organizationSlug), }), queryClient.invalidateQueries({ queryKey: organizationKeys.freeProjectLimitCheck(variables.organizationSlug), }), ]) } await onSuccess?.(data, variables, context) }, async onError(data, variables, context) { if (onError === undefined) { toast.error(`Failed to delete project: ${data.message}`) } else { onError(data, variables, context) } }, ...options, }) }