aboutsummaryrefslogtreecommitdiff
path: root/src/frontend/app/components
diff options
context:
space:
mode:
Diffstat (limited to 'src/frontend/app/components')
-rw-r--r--src/frontend/app/components/Stops/ConsolidatedCirculationCard.css1
-rw-r--r--src/frontend/app/components/Stops/ConsolidatedCirculationCard.tsx8
2 files changed, 8 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>