diff --git a/frontend/src/passagesPanel.tsx b/frontend/src/passagesPanel.tsx index 3a7cdde..8e1c067 100644 --- a/frontend/src/passagesPanel.tsx +++ b/frontend/src/passagesPanel.tsx @@ -1,9 +1,9 @@ import { VoidComponent, createResource, onMount, ParentComponent, ParentProps, Show, useContext, For } from 'solid-js'; import { createDateNow, getTime } from '@solid-primitives/date'; - import { timeline } from '@motionone/dom'; import { AnimationOptions } from '@motionone/types'; import { Motion } from "@motionone/solid"; +import { format } from "date-fns"; import { Line, TrafficStatus } from './types'; import { renderLineTransportMode, renderLinePicto } from './utils'; @@ -43,6 +43,7 @@ const TtwPassage: VoidComponent<{ line: Line, destination: string, index: number const refTs = passage !== undefined ? (passage.expectedDepartTs !== null ? passage.expectedDepartTs : passage.expectedArrivalTs) : 0; const ttwSec = refTs - (getTime(dateNow()) / 1000); + const ttwRepr = ttwSec < 3600 ? `${Math.floor(ttwSec / 60)} min` : format(refTs * 1000, "HH:mm"); const isApproaching = ttwSec <= 60; return ( @@ -56,7 +57,7 @@ const TtwPassage: VoidComponent<{ line: Line, destination: string, index: number initial={isApproaching ? undefined : false} animate={{ opacity: [1, 0, 1] }} transition={transition}> - {Math.floor(ttwSec / 60)} min + {ttwRepr}