diff --git a/apps/studio/components/interfaces/DiskManagement/DiskManagementForm.tsx b/apps/studio/components/interfaces/DiskManagement/DiskManagementForm.tsx index 784bc7e930a..38279d2eef3 100644 --- a/apps/studio/components/interfaces/DiskManagement/DiskManagementForm.tsx +++ b/apps/studio/components/interfaces/DiskManagement/DiskManagementForm.tsx @@ -292,10 +292,10 @@ export function DiskManagementForm() { useEffect(() => { // Initialize field values properly when data has been loaded, preserving any user changes - if (isSuccess) { + if (isDiskAttributesSuccess || isSuccess) { form.reset(defaultValues, {}) } - }, [isSuccess]) + }, [isSuccess, isDiskAttributesSuccess]) // Redirect logic incase disk and compute feature is not live yet useEffect(() => { diff --git a/apps/studio/components/interfaces/DiskManagement/fields/DiskSizeField.tsx b/apps/studio/components/interfaces/DiskManagement/fields/DiskSizeField.tsx index 8f853acaf5c..b1d1e2a6589 100644 --- a/apps/studio/components/interfaces/DiskManagement/fields/DiskSizeField.tsx +++ b/apps/studio/components/interfaces/DiskManagement/fields/DiskSizeField.tsx @@ -2,6 +2,7 @@ import { UseFormReturn } from 'react-hook-form' import { InputVariants } from '@ui/components/shadcn/ui/input' import { useParams } from 'common' +import { DocsButton } from 'components/ui/DocsButton' import { useDiskAttributesQuery } from 'data/config/disk-attributes-query' import { useDiskUtilizationQuery } from 'data/config/disk-utilization-query' import { useOrgSubscriptionQuery } from 'data/subscriptions/org-subscription-query' @@ -19,9 +20,6 @@ import { DiskTypeRecommendationSection } from '../ui/DiskTypeRecommendationSecti import FormMessage from '../ui/FormMessage' import { InputPostTab } from '../ui/InputPostTab' import { InputResetButton } from '../ui/InputResetButton' -import { Admonition } from 'ui-patterns' -import Markdown from 'markdown-to-jsx' -import { DocsButton } from 'components/ui/DocsButton' type DiskSizeFieldProps = { form: UseFormReturn @@ -45,7 +43,6 @@ export function DiskSizeField({ } = useDiskAttributesQuery({ projectRef }) const { data: subscription, - isLoading: isSubscriptionLoading, error: subscriptionError, isError: isSubscriptionError, } = useOrgSubscriptionQuery({ @@ -53,14 +50,12 @@ export function DiskSizeField({ }) const { data: diskUtil, - isLoading: isDiskUtilizationLoading, error: diskUtilError, isError: isDiskUtilizationError, } = useDiskUtilizationQuery({ projectRef: projectRef, }) - const isLoading = isSubscriptionLoading || isDiskUtilizationLoading || isLoadingDiskAttributes const error = subscriptionError || diskUtilError || diskAttributesError const isError = isSubscriptionError || isDiskUtilizationError || isDiskAttributesError @@ -94,7 +89,7 @@ export function DiskSizeField({
- {isLoading ? ( + {isLoadingDiskAttributes ? (