mirror of
https://github.com/supabase/supabase.git
synced 2026-10-18 07:39:07 +03:00
* init * moar * moat * moar * add read replica bar * moar * Update DiskMangementPanelForm.tsx * added temp state mang to test * moar * Prepare react queries + data from API for disk mgt * moat * moat * moar * Update DiskMangementReviewAndSubmitDialog.tsx * badge updates * Hook up actual endpoints for E2E testing, but commented out for now for local dev * Hook up real data + clean up files and add tests * Update APi types * Hook up E2E and fix all validation logic * Only show new disk mgt UI for orb billing * Add note on RRs 25% more disk size * Add state to handle free plan for disk mgt * Update increase disk size CTA in reports/database * Fix file spelling errors * Address feedback * Fix missing framer motion package in ui * Address comments * Address feedabck * Minor fix * Use new disk util endpoint * Remove unused import * Address feedback * More addressing of feedback * Update pricing details for IO2 - no included disk size --------- Co-authored-by: Jonathan Summers-Muir <MildTomato@users.noreply.github.com>
72 lines
2.2 KiB
TypeScript
72 lines
2.2 KiB
TypeScript
import { useQuery, UseQueryOptions } from '@tanstack/react-query'
|
|
import dayjs from 'dayjs'
|
|
import { useMemo } from 'react'
|
|
|
|
import type { components } from 'data/api'
|
|
import { get, handleError } from 'data/fetchers'
|
|
import type { ResponseError } from 'types'
|
|
import { COOLDOWN_DURATION } from './disk-attributes-update-mutation'
|
|
import { configKeys } from './keys'
|
|
|
|
export type DiskAttributesVariables = {
|
|
projectRef?: string
|
|
}
|
|
|
|
export type DiskAttribute = components['schemas']['DiskResponse']
|
|
|
|
export async function getDiskAttributes(
|
|
{ projectRef }: DiskAttributesVariables,
|
|
signal?: AbortSignal
|
|
) {
|
|
if (!projectRef) throw new Error('Project ref is required')
|
|
|
|
const { data, error } = await get(`/platform/projects/{ref}/disk`, {
|
|
params: { path: { ref: projectRef } },
|
|
signal,
|
|
})
|
|
|
|
if (error) handleError(error)
|
|
return data
|
|
}
|
|
|
|
export type DiskAttributesData = Awaited<ReturnType<typeof getDiskAttributes>>
|
|
export type DiskAttributesError = ResponseError
|
|
|
|
export const useDiskAttributesQuery = <TData = DiskAttributesData>(
|
|
{ projectRef }: DiskAttributesVariables,
|
|
{
|
|
enabled = true,
|
|
...options
|
|
}: UseQueryOptions<DiskAttributesData, DiskAttributesError, TData> = {}
|
|
) =>
|
|
useQuery<DiskAttributesData, DiskAttributesError, TData>(
|
|
configKeys.diskAttributes(projectRef),
|
|
({ signal }) => getDiskAttributes({ projectRef }, signal),
|
|
{ enabled: enabled && typeof projectRef !== 'undefined', ...options }
|
|
)
|
|
|
|
export const useRemainingDurationForDiskAttributeUpdate = ({
|
|
projectRef,
|
|
}: {
|
|
projectRef?: string
|
|
}) => {
|
|
const { data } = useDiskAttributesQuery({ projectRef })
|
|
|
|
const lastModifiedAtString = dayjs(data?.last_modified_at ?? '').utc()
|
|
const secondsFromNow = Math.max(
|
|
0,
|
|
dayjs().utc().diff(dayjs(lastModifiedAtString).utc(), 'second')
|
|
)
|
|
|
|
const remainingDuration = useMemo(() => {
|
|
return lastModifiedAtString === undefined || COOLDOWN_DURATION - secondsFromNow < 0
|
|
? 0
|
|
: COOLDOWN_DURATION - secondsFromNow
|
|
}, [lastModifiedAtString])
|
|
|
|
if (data?.last_modified_at === undefined)
|
|
return { remainingDuration: 0, isWithinCooldownWindow: false }
|
|
|
|
return { remainingDuration, isWithinCooldownWindow: remainingDuration > 0 }
|
|
}
|