Files
supabase/apps/studio/data/usage/org-usage-query.ts
T
Alaister YoungandJoshen Lim 8855d05803 chore(studio): swap react-query to object syntax (#39842)
* chore(studio): swap react-query to object syntax

* Fix small issues found

* Fix realtime settings

* Nit

---------

Co-authored-by: Joshen Lim <joshenlimek@gmail.com>
2025-10-27 09:38:27 +01:00

49 lines
1.7 KiB
TypeScript

import { useQuery, UseQueryOptions } from '@tanstack/react-query'
import type { components } from 'data/api'
import { get, handleError } from 'data/fetchers'
import { IS_PLATFORM } from 'lib/constants'
import type { ResponseError } from 'types'
import { usageKeys } from './keys'
export type OrgUsageVariables = {
orgSlug?: string
projectRef?: string
start?: Date
end?: Date
}
export type OrgUsageResponse = components['schemas']['OrgUsageResponse']
export type OrgMetricsUsage = components['schemas']['OrgUsageResponse']['usages'][0]
export async function getOrgUsage(
{ orgSlug, projectRef, start, end }: OrgUsageVariables,
signal?: AbortSignal
): Promise<OrgUsageResponse> {
if (!orgSlug) throw new Error('orgSlug is required')
const { data, error } = await get(`/platform/organizations/{slug}/usage`, {
params: {
path: { slug: orgSlug },
query: { project_ref: projectRef, start: start?.toISOString(), end: end?.toISOString() },
},
signal,
})
if (error) handleError(error)
return data
}
export type OrgUsageData = Awaited<ReturnType<typeof getOrgUsage>>
export type OrgUsageError = ResponseError
export const useOrgUsageQuery = <TData = OrgUsageData>(
{ orgSlug, projectRef, start, end }: OrgUsageVariables,
{ enabled = true, ...options }: UseQueryOptions<OrgUsageData, OrgUsageError, TData> = {}
) =>
useQuery<OrgUsageData, OrgUsageError, TData>({
queryKey: usageKeys.orgUsage(orgSlug, projectRef, start?.toISOString(), end?.toISOString()),
queryFn: ({ signal }) => getOrgUsage({ orgSlug, projectRef, start, end }, signal),
enabled: enabled && IS_PLATFORM && typeof orgSlug !== 'undefined',
staleTime: 1000 * 60 * 60,
...options,
})