3pp-mirror/rallly
1
0
Fork 0
mirror of https://github.com/lukevella/rallly.git synced 2025-07-21 10:17:24 +02:00
Code Issues Projects Releases Packages Wiki Activity

✨ Use only geographic time zones (#1033)

Browse source
This commit is contained in:
Luke Vella 2024-02-24 09:12:05 +08:00 • committed by GitHub
parent 39a22acaa7
commit 27dda65ca5
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
31 changed files with 1416 additions and 618 deletions
Download patch file Download diff file Expand all files Collapse all files

16
apps/web/src/components/clock.tsx
View file

@ -22,7 +22,7 @@ import { usePreferences } from "@/contexts/preferences";
import { useDayjs } from "@/utils/dayjs";
export const TimePreferences = () => {
const { preferences, updatePreferences } = usePreferences();
const { updatePreferences } = usePreferences();
const { timeFormat, timeZone } = useDayjs();
return (
@ -32,7 +32,7 @@ export const TimePreferences = () => {
<Trans i18nKey="timeZone" />
</Label>
<TimeZoneSelect
value={preferences.timeZone ?? timeZone}
value={timeZone}
onValueChange={(newTimeZone) => {
updatePreferences({ timeZone: newTimeZone });
}}
@ -43,7 +43,7 @@ export const TimePreferences = () => {
<Trans i18nKey="timeFormat" />
</Label>
<TimeFormatPicker
value={preferences.timeFormat ?? timeFormat}
value={timeFormat}
onChange={(newTimeFormat) => {
updatePreferences({ timeFormat: newTimeFormat });
}}
@ -75,17 +75,15 @@ export const Clock = ({ className }: { className?: string }) => {
export const TimesShownIn = () => {
const { timeZone } = useDayjs();
const timeZoneDisplayFormat = soft(timeZone)[0];
const now = spacetime.now(timeZone);
const standard = timeZoneDisplayFormat.standard.name;
const dst = timeZoneDisplayFormat.daylight?.name;
const timeZoneName = now.isDST() ? dst : standard;
return (
<ClockPreferences>
<button className="inline-flex items-center gap-x-2 text-sm hover:underline">
<GlobeIcon className="size-4" />
<Trans i18nKey="timeShownIn" values={{ timeZone: timeZoneName }} />
<Trans
i18nKey="timeShownIn"
values={{ timeZone: timeZone.replaceAll("_", " ") }}
/>
</button>
</ClockPreferences>
);