Files
supabase/apps/studio/data/projects/project-create-mutation.ts
Joshen Lim bb6349f34f Second round of wrapping RQ errors with handleError (#26428)
* First round of wrapping RQ errors with handleError

* Remove the throw before the handleError usage.

* Make the handling of an API error more versatile. Add logging in Sentry if the error is of unknown type.

* Remove throwing of the handleError function.

* Add return type to the handleError function to be never so that we're sure it always throws.

* Second round of wrapping RQ errors with handleError

* Temp fix in delete credential mutation, and fix loading state

---------

Co-authored-by: Ivan Vasilov <vasilov.ivan@gmail.com>
2024-05-21 15:51:11 +08:00

91 lines
2.4 KiB
TypeScript

import { useMutation, UseMutationOptions, useQueryClient } from '@tanstack/react-query'
import { toast } from 'react-hot-toast'
import type { components } from 'data/api'
import { handleError, post } from 'data/fetchers'
import { PROVIDERS } from 'lib/constants'
import type { ResponseError } from 'types'
import { projectKeys } from './keys'
export type DbInstanceSize = components['schemas']['DesiredInstanceSize']
export type ProjectCreateVariables = {
name: string
organizationId: number
dbPass: string
dbRegion: string
dbSql?: string
dbPricingTierId?: string
cloudProvider?: string
configurationId?: string
authSiteUrl?: string
customSupabaseRequest?: object
dbInstanceSize?: DbInstanceSize
}
export async function createProject({
name,
organizationId,
dbPass,
dbRegion,
dbSql,
cloudProvider = PROVIDERS.AWS.id,
configurationId,
authSiteUrl,
customSupabaseRequest,
dbInstanceSize,
}: ProjectCreateVariables) {
const body: components['schemas']['CreateProjectBody'] = {
cloud_provider: cloudProvider,
org_id: organizationId,
name,
db_pass: dbPass,
db_region: dbRegion,
db_sql: dbSql,
auth_site_url: authSiteUrl,
vercel_configuration_id: configurationId,
...(customSupabaseRequest !== undefined && {
custom_supabase_internal_requests: customSupabaseRequest as any,
}),
desired_instance_size: dbInstanceSize,
}
const { data, error } = await post(`/platform/projects`, {
body,
})
if (error) handleError(error)
return data
}
type ProjectCreateData = Awaited<ReturnType<typeof createProject>>
export const useProjectCreateMutation = ({
onSuccess,
onError,
...options
}: Omit<
UseMutationOptions<ProjectCreateData, ResponseError, ProjectCreateVariables>,
'mutationFn'
> = {}) => {
const queryClient = useQueryClient()
return useMutation<ProjectCreateData, ResponseError, ProjectCreateVariables>(
(vars) => createProject(vars),
{
async onSuccess(data, variables, context) {
await queryClient.invalidateQueries(projectKeys.list()),
await onSuccess?.(data, variables, context)
},
async onError(data, variables, context) {
if (onError === undefined) {
toast.error(`Failed to create new project: ${data.message}`)
} else {
onError(data, variables, context)
}
},
...options,
}
)
}