diff options
Diffstat (limited to 'src/frontend/app')
3 files changed, 9 insertions, 1 deletions
diff --git a/src/frontend/app/components/Stops/ConsolidatedCirculationCard.css b/src/frontend/app/components/Stops/ConsolidatedCirculationCard.css index e61ac25..57d30c8 100644 --- a/src/frontend/app/components/Stops/ConsolidatedCirculationCard.css +++ b/src/frontend/app/components/Stops/ConsolidatedCirculationCard.css @@ -118,7 +118,6 @@ } .consolidated-circulation-card .card-row.meta { - flex-wrap: wrap; justify-content: flex-start; gap: 0.4rem; } diff --git a/src/frontend/app/components/Stops/ConsolidatedCirculationCard.tsx b/src/frontend/app/components/Stops/ConsolidatedCirculationCard.tsx index 6f92644..7198c7b 100644 --- a/src/frontend/app/components/Stops/ConsolidatedCirculationCard.tsx +++ b/src/frontend/app/components/Stops/ConsolidatedCirculationCard.tsx @@ -1,4 +1,5 @@ import { useMemo } from "react"; +import Marquee from 'react-fast-marquee'; import { useTranslation } from "react-i18next"; import LineIcon from "~components/LineIcon"; import { type ConsolidatedCirculation } from "~routes/stops-$id"; @@ -220,6 +221,13 @@ export const ConsolidatedCirculationCard: React.FC< {chip.label} </span> ))} + + {estimate.nextStreets && estimate.nextStreets.length > 0 && ( + <Marquee speed={85}> + <div className="mr-64"></div> + {estimate.nextStreets.join(" — ")} + </Marquee> + )} </div> )} </Tag> diff --git a/src/frontend/app/routes/stops-$id.tsx b/src/frontend/app/routes/stops-$id.tsx index cdc74eb..25aa3e7 100644 --- a/src/frontend/app/routes/stops-$id.tsx +++ b/src/frontend/app/routes/stops-$id.tsx @@ -37,6 +37,7 @@ export interface ConsolidatedCirculation { }; isPreviousTrip?: boolean; previousTripShapeId?: string; + nextStreets?: string[]; } export const getCirculationId = (c: ConsolidatedCirculation): string => { |