mirror of
https://github.com/supabase/supabase.git
synced 2026-10-11 20:35:07 +03:00
* inited. added disk config to a new page * add instances * move moar * moved things around. billing badges updated. compute added * tidy * new components * form now dynamically updating itself * updated compute form. moved warning panels. added collapsible for advanced options * review dialog now only showing what is relevant * Update DiskManagementForm.tsx * compute sizes now a reccomendation * fix old form * started adding flags * removed unused code. fixed issue with IOPS price showing on smaller compute * moar clearning * IOPS logic wrong way round * type fixes * start adding better error handling * TIDY * moved everything to own file * tidy * fix hydration issue * moved some components around * clean up * inline errors * update form message * Update DiskManagementForm.tsx * error fields fixed. some formatting issues. nano added as an option * fix constants * add some plan restrictions * moar * units updated. labels updated * Update DiskManagement.schema.ts * fix a ton of type issues * text udpates * add panel to suggest switching to io2 * more notice board stuff * number formatting. moved a file * Update DiskManagementForm.tsx * remove console logs * upgrade comms. more type fixes * add empty states for the old areas * more links * updated some label issues * hide labels when chart is active * Update DiskManagement.utils.ts * Delete next-env.d.ts * Update DiskManagementForm.tsx * Update DiskManagement.schema.ts * text updates * Update DiskManagement.constants.tsx * Update next-env.d.ts * Update next-env.d.ts * Small clean uop * Clean up empty files * Clean up spelling * Clean up more * Fix typo in file name * Clean up import statements * Update DiskManagementForm.tsx * fix issues * Update ProjectLayout.tsx * Remove unused import * Fix * Address nit * Update database.tsx * remove supress toast * Update DiskManagement.schema.ts * Update database.tsx * change upgrade comms * Update DiskManagementPanelForm.tsx * fixes * fix button size on old form * Update DiskManagementForm.tsx * Update StorageTypeField.tsx * update labels on compute * dont show banner when infra is FLY * update comms. hide disk config for FLY * Fix TS * Last round of clean upo * fix message state * fix message * Fix TS * Update DiskManagement.utils.ts * fix errors * Update BillingChangeBadge.tsx * fixed some label issues --------- Co-authored-by: Joshen Lim <joshenlimek@gmail.com>
86 lines
2.3 KiB
TypeScript
86 lines
2.3 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, isLoading, isError, isSuccess, error } = 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,
|
|
isLoading,
|
|
isError,
|
|
error,
|
|
isSuccess,
|
|
}
|
|
|
|
return {
|
|
remainingDuration,
|
|
isWithinCooldownWindow: remainingDuration > 0,
|
|
isLoading,
|
|
isError,
|
|
error,
|
|
isSuccess,
|
|
}
|
|
}
|