diff --git a/apps/studio/components/interfaces/DiskManagement/DiskManagementReviewAndSubmitDialog.tsx b/apps/studio/components/interfaces/DiskManagement/DiskManagementReviewAndSubmitDialog.tsx index fba992e472a..d531741f84f 100644 --- a/apps/studio/components/interfaces/DiskManagement/DiskManagementReviewAndSubmitDialog.tsx +++ b/apps/studio/components/interfaces/DiskManagement/DiskManagementReviewAndSubmitDialog.tsx @@ -243,7 +243,7 @@ export const DiskManagementReviewAndSubmitDialog = ({
{hasDiskConfigChanges && } diff --git a/apps/studio/components/interfaces/DiskManagement/fields/ComputeSizeField.tsx b/apps/studio/components/interfaces/DiskManagement/fields/ComputeSizeField.tsx index f5b034936e5..690206ca8c0 100644 --- a/apps/studio/components/interfaces/DiskManagement/fields/ComputeSizeField.tsx +++ b/apps/studio/components/interfaces/DiskManagement/fields/ComputeSizeField.tsx @@ -120,7 +120,9 @@ export function ComputeSizeField({ form, disabled }: ComputeSizeFieldProps) { afterPrice={Number(computeSizePrice.newPrice)} free={showUpgradeBadge && form.watch('computeSize') === 'ci_micro' ? true : false} /> -

Hardware resources allocated to your postgres database

+

+ Hardware resources allocated to your postgres database +

- + {includedDiskGB > 0 && subscription?.plan.id && `Your plan includes ${includedDiskGB} GB of disk size for ${watchedStorageType}.`} diff --git a/apps/studio/components/interfaces/DiskManagement/fields/IOPSField.tsx b/apps/studio/components/interfaces/DiskManagement/fields/IOPSField.tsx index 81b809486af..2711547192f 100644 --- a/apps/studio/components/interfaces/DiskManagement/fields/IOPSField.tsx +++ b/apps/studio/components/interfaces/DiskManagement/fields/IOPSField.tsx @@ -61,6 +61,7 @@ export function IOPSField({ form, disableInput }: IOPSFieldProps) { id={field.name} description={ +

Use higher IOPS for high-throughput apps.

-

Input/output operations per second.

-

Higher IOPS for high-throughput apps.

+

Input/output operations per second.

} > diff --git a/apps/studio/components/interfaces/DiskManagement/fields/ThroughputField.tsx b/apps/studio/components/interfaces/DiskManagement/fields/ThroughputField.tsx index f0298beda7b..b23385944e0 100644 --- a/apps/studio/components/interfaces/DiskManagement/fields/ThroughputField.tsx +++ b/apps/studio/components/interfaces/DiskManagement/fields/ThroughputField.tsx @@ -75,18 +75,21 @@ export function ThroughputField({ form, disableInput }: ThroughputFieldProps) { control={control} render={({ field }) => ( - ) + +

Higher throughput suits applications with high data transfer needs.

+ {!formState.errors.throughput && ( + + )} +
} labelOptional={ <> @@ -100,8 +103,9 @@ export function ThroughputField({ form, disableInput }: ThroughputFieldProps) { afterPrice={Number(throughputPrice.newPrice)} className="mb-2" /> -

Amount of data read/written to the disk per second.

-

Higher throughput suits applications with high data transfer needs.

+

+ Amount of data read/written per second. +

} >