diff --git a/frontend/packages/plugins/home-page/src/components/HomepageTimer/HomepageTimer.tsx b/frontend/packages/plugins/home-page/src/components/HomepageTimer/HomepageTimer.tsx index ad6d81161c..2939a08db9 100644 --- a/frontend/packages/plugins/home-page/src/components/HomepageTimer/HomepageTimer.tsx +++ b/frontend/packages/plugins/home-page/src/components/HomepageTimer/HomepageTimer.tsx @@ -3,14 +3,14 @@ import { HeaderLabel } from '@spotify-backstage/core'; const timeFormat = { hour: '2-digit', minute: '2-digit' }; const nycOptions = { timeZone: 'America/New_York', ...timeFormat }; -const utcOptions = { timeZone: 'UTC', ...timeFormat }; -const lonOptions = { timeZone: 'Europe/London', ...timeFormat }; +const sydOptions = { timeZone: 'Australia/Sydney', ...timeFormat }; +const tyoOptions = { timeZone: 'Asia/Tokyo', ...timeFormat }; const stoOptions = { timeZone: 'Europe/Stockholm', ...timeFormat }; const defaultTimes = { timeNY: '', - timeUTC: '', - timeLON: '', + timeSYD: '', + timeTYO: '', timeSTO: '', }; @@ -21,15 +21,15 @@ function getTimes() { // Using the browser native toLocaleTimeString instead of huge moment-tz // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleTimeString const timeNY = d.toLocaleTimeString(lang, nycOptions); - const timeUTC = d.toLocaleTimeString(lang, utcOptions); - const timeLON = d.toLocaleTimeString(lang, lonOptions); + const timeSYD = d.toLocaleTimeString(lang, sydOptions); + const timeTYO = d.toLocaleTimeString(lang, tyoOptions); const timeSTO = d.toLocaleTimeString(lang, stoOptions); - return { timeNY, timeUTC, timeLON, timeSTO }; + return { timeNY, timeSYD, timeTYO, timeSTO }; } const HomePageTimer: FC<{}> = () => { - const [{ timeNY, timeUTC, timeLON, timeSTO }, setTimes] = React.useState( + const [{ timeNY, timeSYD, timeTYO, timeSTO }, setTimes] = React.useState( defaultTimes, ); @@ -48,9 +48,9 @@ const HomePageTimer: FC<{}> = () => { return ( <> - - + + ); };