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