From 2da4fb594f1433ddd1a26e267bbc7e917145b3b5 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Sun, 1 Mar 2026 09:50:14 +0000
Subject: Polish selected-stop realtime display in route details

Co-authored-by: arielcostas <94913521+arielcostas@users.noreply.github.com>
---
 src/frontend/app/routes/routes-$id.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

(limited to 'src/frontend/app')

diff --git a/src/frontend/app/routes/routes-$id.tsx b/src/frontend/app/routes/routes-$id.tsx
index 79997b5..d563cdc 100644
--- a/src/frontend/app/routes/routes-$id.tsx
+++ b/src/frontend/app/routes/routes-$id.tsx
@@ -56,10 +56,13 @@ export default function RouteDetailsPage() {
     () => formatDateKey(selectedWeekDate),
     [selectedWeekDate]
   );
+  const ONE_HOUR_SECONDS = 3600;
   const isTodaySelectedDate = selectedDateKey === formatDateKey(new Date());
   const now = new Date();
   const nowSeconds =
     now.getHours() * 3600 + now.getMinutes() * 60 + now.getSeconds();
+  const formatDelayMinutes = (delayMinutes: number) =>
+    ` (${delayMinutes > 0 ? "+" : ""}${delayMinutes})`;
 
   const { data: route, isLoading } = useQuery({
     queryKey: ["route", id, selectedDateKey],
@@ -597,7 +600,7 @@ export default function RouteDetailsPage() {
                             .get(stop.id)
                             ?.filter((item) =>
                               isTodaySelectedDate
-                                ? item.departure >= nowSeconds - 3600
+                                ? item.departure >= nowSeconds - ONE_HOUR_SECONDS
                                 : true
                             ) ?? []
                           ).map((item, i) => (
@@ -640,7 +643,7 @@ export default function RouteDetailsPage() {
                                 >
                                   {arrival.estimate.minutes}′
                                   {arrival.delay?.minutes
-                                    ? ` (${arrival.delay.minutes > 0 ? "+" : ""}${arrival.delay.minutes})`
+                                    ? formatDelayMinutes(arrival.delay.minutes)
                                     : ""}
                                 </span>
                               )
-- 
cgit v1.3