From 3999423cf2517a63802421410a1565bd9a63125d Mon Sep 17 00:00:00 2001
From: Ariel Costas Guerrero <ariel@costas.dev>
Date: Mon, 1 Dec 2025 17:41:47 +0100
Subject: Fix some terminus formatting, add marquee-d next streets

---
 src/frontend/app/components/Stops/ConsolidatedCirculationCard.css | 1 -
 src/frontend/app/components/Stops/ConsolidatedCirculationCard.tsx | 8 ++++++++
 src/frontend/app/routes/stops-$id.tsx                             | 1 +
 3 files changed, 9 insertions(+), 1 deletion(-)

(limited to 'src/frontend/app')

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 => {
-- 
cgit v1.3