Files
supabase/apps/studio/data/storage/analytics-buckets-query.ts
T
Joshen LimandDanny White 1f9906aab3 Use new Storage UI layout (#40076)
* First pass of deprecating old storage UI components

* Clean up local-storage flag for new storage UI

* Add coming soon UI for analytics and vector buckets pages

* Set up warning states for analytics buckets

* fix spelling and margin

* Smol fix

* nit

* Surface wrappers upgrade check in UI instead of toast

* Nit clean up

* update tests

---------

Co-authored-by: Danny White <3104761+dnywh@users.noreply.github.com>
2025-11-04 15:37:30 +08:00

51 lines
1.9 KiB
TypeScript

import { useQuery } from '@tanstack/react-query'
import { components } from 'api-types'
import { useIsAnalyticsBucketsEnabled } from 'data/config/project-storage-config-query'
import { get, handleError } from 'data/fetchers'
import { useSelectedProjectQuery } from 'hooks/misc/useSelectedProject'
import { PROJECT_STATUS } from 'lib/constants'
import type { ResponseError, UseCustomQueryOptions } from 'types'
import { storageKeys } from './keys'
export type AnalyticsBucketsVariables = { projectRef?: string }
export type AnalyticsBucket = components['schemas']['StorageAnalyticsBucketResponse']
export type AnalyticsBuckets = components['schemas'][]
export async function getAnalyticsBuckets(
{ projectRef }: AnalyticsBucketsVariables,
signal?: AbortSignal
) {
if (!projectRef) throw new Error('projectRef is required')
const { data, error } = await get('/platform/storage/{ref}/analytics-buckets', {
params: { path: { ref: projectRef } },
signal,
})
if (error) handleError(error)
return data.data
}
export type AnalyticsBucketsData = Awaited<ReturnType<typeof getAnalyticsBuckets>>
export type AnalyticsBucketsError = ResponseError
export const useAnalyticsBucketsQuery = <TData = AnalyticsBucketsData>(
{ projectRef }: AnalyticsBucketsVariables,
{
enabled = true,
...options
}: UseCustomQueryOptions<AnalyticsBucketsData, AnalyticsBucketsError, TData> = {}
) => {
const { data: project } = useSelectedProjectQuery()
const isActive = project?.status === PROJECT_STATUS.ACTIVE_HEALTHY
const hasIcebergEnabled = useIsAnalyticsBucketsEnabled({ projectRef: project?.ref })
return useQuery<AnalyticsBucketsData, AnalyticsBucketsError, TData>({
queryKey: storageKeys.analyticsBuckets(projectRef),
queryFn: ({ signal }) => getAnalyticsBuckets({ projectRef }, signal),
enabled: enabled && typeof projectRef !== 'undefined' && isActive && hasIcebergEnabled,
...options,
})
}