Files
supabase/apps/studio/data/config/disk-attributes-query.ts
T
Jonathan Summers-MuirandJoshen Lim 9f420962e1 Feat/compute and disk (#30068)
* 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>
2024-11-04 09:05:37 +00:00

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