Files
supabase/apps/studio/data/invoices/invoice-query.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

40 lines
1.2 KiB
TypeScript

import { useQuery } from '@tanstack/react-query'
import { get, handleError } from 'data/fetchers'
import type { ResponseError, UseCustomQueryOptions } from 'types'
import { invoicesKeys } from './keys'
export type InvoiceVariables = {
invoiceId?: string
slug?: string
}
export async function getInvoice({ invoiceId, slug }: InvoiceVariables, signal?: AbortSignal) {
if (!invoiceId) throw new Error('Invoice ID is required')
if (!slug) throw new Error('Slug is required')
const { data, error } = await get(
`/platform/organizations/{slug}/billing/invoices/{invoice_id}`,
{
params: { path: { invoice_id: invoiceId, slug } },
signal,
}
)
if (error) handleError(error)
return data
}
export type InvoiceData = Awaited<ReturnType<typeof getInvoice>>
export type InvoiceError = ResponseError
export const useInvoiceQuery = <TData = InvoiceData>(
{ invoiceId: id }: InvoiceVariables,
{ enabled = true, ...options }: UseCustomQueryOptions<InvoiceData, InvoiceError, TData> = {}
) =>
useQuery<InvoiceData, InvoiceError, TData>({
queryKey: invoicesKeys.invoice(id),
queryFn: ({ signal }) => getInvoice({ invoiceId: id }, signal),
enabled: enabled && typeof id !== 'undefined',
...options,
})