Files
supabase/apps/studio/data/organizations/request-upgrade-mutation.ts
Joshen Lim de50740b04 Chore/request upgrade plan modal (#40889)
* init request upgrade plan modal

* Consolidate UpgradeToPro components across UI + use UpgradePlanButton, UpgradePlanButton determines whether to show request upgrade CTA

* Allow to pass icon to Admonition

* Tiny fix on upgrade plan button CTA to consider addons

* Hook up upgrade request endpoint

* Update API types

* remove hardcode

* Add request upgrade CTA in plan side panel

* Fix disk compute

* Show request upgrade button for change to large compute

* Nit
2025-12-04 16:02:01 +08:00

53 lines
1.5 KiB
TypeScript

import { useMutation } from '@tanstack/react-query'
import { toast } from 'sonner'
import { components } from 'api-types'
import { handleError, post } from 'data/fetchers'
import type { ResponseError, UseCustomMutationOptions } from 'types'
export type PlanRequest = components['schemas']['RequestUpgradeBody']['requested_plan']
type SendUpgradeRequestVariables = {
slug?: string
plan: PlanRequest
note?: string
}
async function sendUpgradeRequest({ slug, plan, note }: SendUpgradeRequestVariables) {
if (!slug) throw new Error('Slug is required')
const { data, error } = await post('/platform/organizations/{slug}/billing/upgrade-request', {
params: { path: { slug } },
body: { requested_plan: plan, note },
})
if (error) handleError(error)
return data
}
type SendUpgradeRequestData = Awaited<ReturnType<typeof sendUpgradeRequest>>
export const useSendUpgradeRequestMutation = ({
onSuccess,
onError,
...options
}: Omit<
UseCustomMutationOptions<SendUpgradeRequestData, ResponseError, SendUpgradeRequestVariables>,
'mutationFn'
> = {}) => {
return useMutation<SendUpgradeRequestData, ResponseError, SendUpgradeRequestVariables>({
mutationFn: (vars) => sendUpgradeRequest(vars),
async onSuccess(data, variables, context) {
await onSuccess?.(data, variables, context)
},
async onError(data, variables, context) {
if (onError === undefined) {
toast.error(`Failed to send upgrade request: ${data.message}`)
} else {
onError(data, variables, context)
}
},
...options,
})
}