diff --git a/apps/studio/components/interfaces/ProjectCreation/RegionSelector.tsx b/apps/studio/components/interfaces/ProjectCreation/RegionSelector.tsx index 1d2fbda58c0..f7eee08b492 100644 --- a/apps/studio/components/interfaces/ProjectCreation/RegionSelector.tsx +++ b/apps/studio/components/interfaces/ProjectCreation/RegionSelector.tsx @@ -147,7 +147,7 @@ export const RegionSelector = ({ // Keeps dbRegion following the recommendation while "Best available" is active, so a // recommendation change (e.g. after a refetch) doesn't leave the form submitting a stale - // region behind a label that still reads "Best available region". + // region behind a label that still reads "Auto". useEffect(() => { if (!isBestAvailableSelected || !recommendedSmartRegion) return if (dbRegion !== recommendedSmartRegion.name) { @@ -238,7 +238,7 @@ export const RegionSelector = ({ const triggerLabel = isLoading ? 'Loading available regions...' : isBestAvailableActive - ? 'Best available region' + ? 'Auto' : selectedRegionLabel const affectingIncidents = incidents.filter((incident) => { @@ -261,31 +261,26 @@ export const RegionSelector = ({ layout={layout} label="Region" description={ - <> -

Select the region closest to your users for the best performance.

- {restrictHighAvailabilityRegion ? ( -
- High Availability projects are currently limited to{' '} - {regionOptions[0]?.name ?? highAvailabilityRegionCode}. -
- ) : ( - showNonProdFields && ( -
-

Only these regions are supported for local/staging projects:

- - {isLocalEnvironment && ( -

- Use Central EU (Frankfurt) unless you're on a personal dev stack. -

- )} -
- ) - )} - + restrictHighAvailabilityRegion ? ( +
+ High Availability projects are currently limited to{' '} + {regionOptions[0]?.name ?? highAvailabilityRegionCode}. +
+ ) : showNonProdFields ? ( +
+

Only these regions are supported for local/staging projects:

+ + {isLocalEnvironment && ( +

+ Use Central EU (Frankfurt) unless you're on a personal dev stack. +

+ )} +
+ ) : undefined } > @@ -344,8 +339,11 @@ export const RegionSelector = ({
- Best available region + Auto
+ + Recommended +