Files
supabase/apps/studio/data/config/disk-attributes-query.ts
Joshen LimandJonathan Summers-Muir 07699ad76b Chore/disk attributes mangement (#29219)
* 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>
2024-09-13 11:51:51 +08:00

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 }
}