Fix bracket check-in open time visual bug

Sendouc · Jan 18, 2025 · 84d936e · 84d936e
1 parent 886463e
commit 84d936e
Showing 1 changed file with 9 additions and 9 deletions.
diff --git a/app/features/tournament-bracket/routes/to.$id.brackets.tsx b/app/features/tournament-bracket/routes/to.$id.brackets.tsx
@@ -1,7 +1,7 @@
 import type { ActionFunction } from "@remix-run/node";
 import { useRevalidator } from "@remix-run/react";
 import clsx from "clsx";
-import { add } from "date-fns";
+import { sub } from "date-fns";
 import * as React from "react";
 import { ErrorBoundary } from "react-error-boundary";
 import { useTranslation } from "react-i18next";
@@ -526,19 +526,19 @@ export default function TournamentBracketsPage() {
 							{bracket.startTime ? (
 								<span suppressHydrationWarning>
 									(open{" "}
-									{bracket.startTime.toLocaleString("en-US", {
-										hour: "numeric",
-										minute: "numeric",
-										weekday: "long",
-									})}{" "}
-									-{" "}
-									{add(bracket.startTime, { hours: 1 }).toLocaleTimeString(
+									{sub(bracket.startTime, { hours: 1 }).toLocaleString(
 										"en-US",
 										{
 											hour: "numeric",
 											minute: "numeric",
+											weekday: "long",
 										},
-									)}
+									)}{" "}
+									-{" "}
+									{bracket.startTime.toLocaleTimeString("en-US", {
+										hour: "numeric",
+										minute: "numeric",
+									})}
 									)
 								</span>
 							) : null}