Files
supabase/apps/studio/data/storage/bucket-delete-mutation.ts
Ivan Vasilov 8b657165b5 chore: Migrate to use custom type for ReactQuery queries and mutations (#40073)
* Add custom types for queries, mutations and infinite queries.

* Migrate all queries to use the new type.

* Migrate all infinite queries to useCustomInfiniteQueryOptions.

* Migrate all mutations to use useCustomMutationOptions.

* Add type to all imports in `types` folder.
2025-11-03 13:18:13 +01:00

59 lines
1.8 KiB
TypeScript

import { useMutation, useQueryClient } from '@tanstack/react-query'
import { toast } from 'sonner'
import { del, handleError, post } from 'data/fetchers'
import type { ResponseError, UseCustomMutationOptions } from 'types'
import { storageKeys } from './keys'
type BucketDeleteVariables = {
projectRef: string
id: string
}
async function deleteBucket({ projectRef, id }: BucketDeleteVariables) {
if (!projectRef) throw new Error('projectRef is required')
if (!id) throw new Error('Bucket name is requried')
const { error: emptyBucketError } = await post('/platform/storage/{ref}/buckets/{id}/empty', {
params: { path: { ref: projectRef, id } },
})
if (emptyBucketError) handleError(emptyBucketError)
const { data, error: deleteBucketError } = await del('/platform/storage/{ref}/buckets/{id}', {
params: { path: { ref: projectRef, id } },
} as any)
if (deleteBucketError) handleError(deleteBucketError)
return data
}
type BucketDeleteData = Awaited<ReturnType<typeof deleteBucket>>
export const useBucketDeleteMutation = ({
onSuccess,
onError,
...options
}: Omit<
UseCustomMutationOptions<BucketDeleteData, ResponseError, BucketDeleteVariables>,
'mutationFn'
> = {}) => {
const queryClient = useQueryClient()
return useMutation<BucketDeleteData, ResponseError, BucketDeleteVariables>({
mutationFn: (vars) => deleteBucket(vars),
async onSuccess(data, variables, context) {
const { projectRef } = variables
await queryClient.invalidateQueries({ queryKey: storageKeys.buckets(projectRef) })
await onSuccess?.(data, variables, context)
},
async onError(data, variables, context) {
if (onError === undefined) {
toast.error(`Failed to delete bucket: ${data.message}`)
} else {
onError(data, variables, context)
}
},
...options,
})
}