mirror of
https://github.com/supabase/supabase.git
synced 2026-10-06 01:45:10 +03:00
feat(timezone-picker): pin UTC as second option FE-3570 (#46934)
## Problem UTC was buried in the middle of the timezone list. Users managing servers (which run in UTC) had to scroll or search to find it. ## Fix Hardcode a UTC entry immediately after "Auto detect" so the two most common choices are always at the top. The entry uses the standard `UTC` IANA name and shows the checkmark when selected, consistent with all other entries. ## How to test - Open any page in Studio and click your user avatar. - Open the Timezone submenu. - Confirm the order is: Auto detect, (UTC) Coordinated Universal Time, then the rest of the list. - Select UTC and confirm the checkmark appears and the trigger label updates. - Search "UTC" in the search box and confirm it still matches. <!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit * **New Features** * Added explicit "UTC (Coordinated Universal Time)" option at the top of the timezone selector dropdown for easier access. <!-- end of auto-generated comment: release notes by coderabbit.ai --> Co-authored-by: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
1 parent
4691372093
commit
0920e48d12
1 file changed
+13
@@ -81,6 +81,19 @@ export const TimezoneDropdown = () => {
|
||||
)}
|
||||
/>
|
||||
</CommandItem>
|
||||
<CommandItem
|
||||
key="UTC"
|
||||
value="UTC Coordinated Universal Time"
|
||||
onSelect={() => handleSelect('UTC')}
|
||||
>
|
||||
{'(UTC) Coordinated Universal Time'}
|
||||
<CheckIcon
|
||||
className={cn(
|
||||
'ml-auto h-4 w-4',
|
||||
!isAutoDetected && storedTimezone === 'UTC' ? 'opacity-100' : 'opacity-0'
|
||||
)}
|
||||
/>
|
||||
</CommandItem>
|
||||
{TIMEZONES_BY_IANA.map((entry) => {
|
||||
const ianaName = entry.utc[0]
|
||||
const isSelected = !isAutoDetected && storedTimezone === ianaName
|
||||
|
||||
Reference in new issue
Block a user