diff options
| author | copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com> | 2026-03-01 10:25:04 +0000 |
|---|---|---|
| committer | copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com> | 2026-03-01 10:25:04 +0000 |
| commit | 24d435f70258adee60d5c5aaa3739d5e4174df2a (patch) | |
| tree | a6e9e2d4c72e5b7700675b51a564ab25bcefc5e0 /src/frontend/app/routes/routes-$id.tsx | |
| parent | 2f2261f764e0a0a52652bceda306f39f6f568b87 (diff) | |
Refine route details realtime cards and map stylingcopilot/improve-route-details-visualisation
Co-authored-by: arielcostas <94913521+arielcostas@users.noreply.github.com>
Diffstat (limited to 'src/frontend/app/routes/routes-$id.tsx')
| -rw-r--r-- | src/frontend/app/routes/routes-$id.tsx | 22 |
1 files changed, 17 insertions, 5 deletions
diff --git a/src/frontend/app/routes/routes-$id.tsx b/src/frontend/app/routes/routes-$id.tsx index 6cc872d..28a6abe 100644 --- a/src/frontend/app/routes/routes-$id.tsx +++ b/src/frontend/app/routes/routes-$id.tsx @@ -689,12 +689,24 @@ export default function RouteDetailsPage() { </div> ) : ( <> - <div className="flex items-center justify-between gap-2 rounded-lg border border-green-500/30 bg-green-500/10 px-2.5 py-2"> - <span className="text-[11px] font-semibold uppercase tracking-wide text-green-700 dark:text-green-300"> + <div className="flex items-center justify-between gap-2 rounded-lg border border-green-700/40 bg-green-100 px-2.5 py-2 dark:border-green-500/50 dark:bg-green-900/30"> + <span className="inline-flex items-center gap-1 text-[11px] font-semibold uppercase tracking-wide text-green-900 dark:text-green-100"> + <Clock size={12} /> {t("routes.next_arrival", "Próximo")} </span> - <span className="inline-flex min-w-16 items-center justify-center rounded-xl bg-green-600 px-3 py-1.5 text-base font-bold leading-none text-white"> - {filteredRealtimeArrivals[0].estimate.minutes}′ + <span + className="inline-flex min-w-16 items-center justify-center rounded-xl bg-green-700 px-3 py-1.5 text-base font-bold leading-none text-white" + aria-label={t( + "routes.next_arrival_in_minutes", + "Próximo en {{minutes}} minutos", + { + minutes: + filteredRealtimeArrivals[0].estimate.minutes, + } + )} + > + {filteredRealtimeArrivals[0].estimate.minutes}{" "} + min {filteredRealtimeArrivals[0].delay?.minutes ? formatDelayMinutes( filteredRealtimeArrivals[0].delay.minutes @@ -712,7 +724,7 @@ export default function RouteDetailsPage() { key={`${arrival.tripId}-${i}`} className="text-[11px] px-2 py-0.5 bg-primary/10 text-primary rounded" > - {arrival.estimate.minutes}′ + {arrival.estimate.minutes} min {arrival.delay?.minutes ? formatDelayMinutes( arrival.delay.minutes |