import { useMutation, useQueryClient } from '@tanstack/react-query' import { toast } from 'sonner' import { del, handleError } from 'data/fetchers' import { organizationKeys } from 'data/organizations/keys' import type { ResponseError, UseCustomMutationOptions } from 'types' import { projectKeys } from './keys' 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() return useMutation({ mutationFn: (vars) => deleteProject(vars), async onSuccess(data, variables, context) { await Promise.all([ queryClient.invalidateQueries({ queryKey: projectKeys.list() }), queryClient.invalidateQueries({ queryKey: projectKeys.detail(data.ref) }), ]) if (variables.organizationSlug) { await Promise.all([ queryClient.invalidateQueries({ queryKey: projectKeys.infiniteListByOrg(variables.organizationSlug), }), queryClient.invalidateQueries({ queryKey: organizationKeys.detail(variables.organizationSlug), }), queryClient.invalidateQueries({ queryKey: projectKeys.orgProjects(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, }) }