Leahnaya/sendou.ink
1
0
Fork 0
mirror of https://github.com/Sendouc/sendou.ink.git synced 2026-09-08 20:26:08 -05:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Fix timezone parsing error crashing the whole user page

Browse Source
This commit is contained in:
Kalle
2026-03-23 20:21:18 +02:00
parent 162772967e
commit 5f04bc7a68
1 changed files with 28 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
app/features/user-page/components/Widget.tsx
View File

@@ -25,6 +25,7 @@ import type {
StageId,
} from "~/modules/in-game-lists/types";
import { databaseTimestampToDate } from "~/utils/dates";
import { logger } from "~/utils/logger";
import type { SerializeFrom } from "~/utils/remix";
import { assertUnreachable } from "~/utils/types";
import {
@@ -530,31 +531,36 @@ function TimezoneWidget({ timezone }: { timezone: string }) {
return () => clearInterval(interval);
}, []);
const formatter = new Intl.DateTimeFormat("en-US", {
timeZone: timezone,
hour: "numeric",
minute: "2-digit",
second: "2-digit",
hour12: true,
});
try {
const formatter = new Intl.DateTimeFormat("en-US", {
timeZone: timezone,
hour: "numeric",
minute: "2-digit",
second: "2-digit",
hour12: true,
});
const dateFormatter = new Intl.DateTimeFormat("en-US", {
timeZone: timezone,
weekday: "short",
day: "numeric",
month: "short",
});
const dateFormatter = new Intl.DateTimeFormat("en-US", {
timeZone: timezone,
weekday: "short",
day: "numeric",
month: "short",
});
return (
<div className="stack sm items-center">
<div className={styles.widgetValueMain} suppressHydrationWarning>
{formatter.format(currentTime)}
return (
<div className="stack sm items-center">
<div className={styles.widgetValueMain} suppressHydrationWarning>
{formatter.format(currentTime)}
</div>
<div className={styles.widgetValueFooter} suppressHydrationWarning>
{dateFormatter.format(currentTime)}
</div>
</div>
<div className={styles.widgetValueFooter} suppressHydrationWarning>
{dateFormatter.format(currentTime)}
</div>
</div>
);
);
} catch {
logger.warn(`Failed to parse timezone: ${timezone}`);
return null;
}
}
function FavoriteStageWidget({ stageId }: { stageId: StageId }) {