Files
supabase/apps/studio/data/platform-apps/platform-app-delete-mutation.ts
T
kemal.earth a9a1326b92 feat(studio): private apps ui (#43382)
## I have read the
[CONTRIBUTING.md](https://github.com/supabase/supabase/blob/master/CONTRIBUTING.md)
file.

YES

## What kind of change does this PR introduce?

This is a prototype for private apps UI. There are no endpoints at the
minute, just wanted to see what a potential flow could look like.
2026-03-23 10:51:04 -06:00

53 lines
1.6 KiB
TypeScript

import { useMutation, useQueryClient } from '@tanstack/react-query'
import { del, handleError } from 'data/fetchers'
import { toast } from 'sonner'
import type { ResponseError, UseCustomMutationOptions } from 'types'
import { platformAppKeys } from './keys'
export type PlatformAppDeleteVariables = {
slug: string
appId: string
}
export async function deletePlatformApp({ slug, appId }: PlatformAppDeleteVariables) {
const { data, error } = await del('/platform/organizations/{slug}/apps/{app_id}', {
params: { path: { slug, app_id: appId } },
})
if (error) handleError(error)
return data
}
export type PlatformAppDeleteData = Awaited<ReturnType<typeof deletePlatformApp>>
export const usePlatformAppDeleteMutation = ({
onSuccess,
onError,
...options
}: Omit<
UseCustomMutationOptions<PlatformAppDeleteData, ResponseError, PlatformAppDeleteVariables>,
'mutationFn'
> = {}) => {
const queryClient = useQueryClient()
return useMutation<PlatformAppDeleteData, ResponseError, PlatformAppDeleteVariables>({
mutationFn: (vars) => deletePlatformApp(vars),
async onSuccess(data, variables, context) {
await queryClient.invalidateQueries({ queryKey: platformAppKeys.list(variables.slug) })
await queryClient.invalidateQueries({
queryKey: platformAppKeys.installations(variables.slug),
})
await onSuccess?.(data, variables, context)
},
async onError(data, variables, context) {
if (onError === undefined) {
toast.error(`Failed to delete app: ${data.message}`)
} else {
onError(data, variables, context)
}
},
...options,
})
}