From a68ba30716062b265f85c4be078a736c7135d7bc Mon Sep 17 00:00:00 2001
From: Ariel Costas Guerrero <ariel@costas.dev>
Date: Sun, 30 Nov 2025 20:49:48 +0100
Subject: Refactor StopMap and Settings components; replace region config usage
 with REGION_DATA, update StopDataProvider calls, and improve UI elements.
 Remove unused timetable files and add Tailwind CSS support.

---
 .../Stops/ConsolidatedCirculationCard.tsx          | 37 ++++++++++------------
 1 file changed, 16 insertions(+), 21 deletions(-)

(limited to 'src/frontend/app/components/Stops/ConsolidatedCirculationCard.tsx')

diff --git a/src/frontend/app/components/Stops/ConsolidatedCirculationCard.tsx b/src/frontend/app/components/Stops/ConsolidatedCirculationCard.tsx
index 0b97c11..6f92644 100644
--- a/src/frontend/app/components/Stops/ConsolidatedCirculationCard.tsx
+++ b/src/frontend/app/components/Stops/ConsolidatedCirculationCard.tsx
@@ -1,6 +1,5 @@
 import { useMemo } from "react";
 import { useTranslation } from "react-i18next";
-import { type RegionConfig } from "~/config/RegionConfig";
 import LineIcon from "~components/LineIcon";
 import { type ConsolidatedCirculation } from "~routes/stops-$id";
 
@@ -8,7 +7,6 @@ import "./ConsolidatedCirculationCard.css";
 
 interface ConsolidatedCirculationCardProps {
   estimate: ConsolidatedCirculation;
-  regionConfig: RegionConfig;
   onMapClick?: () => void;
   readonly?: boolean;
 }
@@ -72,7 +70,7 @@ const parseServiceId = (serviceId: string): string => {
 
 export const ConsolidatedCirculationCard: React.FC<
   ConsolidatedCirculationCardProps
-> = ({ estimate, regionConfig, onMapClick, readonly }) => {
+> = ({ estimate, onMapClick, readonly }) => {
   const { t } = useTranslation();
 
   const formatDistance = (meters: number) => {
@@ -171,30 +169,28 @@ export const ConsolidatedCirculationCard: React.FC<
   const interactiveProps = readonly
     ? {}
     : {
-        onClick: onMapClick,
-        type: "button" as const,
-        disabled: !hasGpsPosition,
-      };
+      onClick: onMapClick,
+      type: "button" as const,
+      disabled: !hasGpsPosition,
+    };
 
   return (
     <Tag
-      className={`consolidated-circulation-card ${
-        readonly
-          ? !hasGpsPosition
-            ? "no-gps"
-            : ""
-          : hasGpsPosition
+      className={`consolidated-circulation-card ${readonly
+        ? !hasGpsPosition
+          ? "no-gps"
+          : ""
+        : hasGpsPosition
           ? "has-gps"
           : "no-gps"
-      }`}
+        }`}
       {...interactiveProps}
-      aria-label={`${hasGpsPosition ? "View" : "No GPS data for"} ${
-        estimate.line
-      } to ${estimate.route}${hasGpsPosition ? " on map" : ""}`}
+      aria-label={`${hasGpsPosition ? "View" : "No GPS data for"} ${estimate.line
+        } to ${estimate.route}${hasGpsPosition ? " on map" : ""}`}
     >
       <div className="card-row main">
         <div className="line-info">
-          <LineIcon line={estimate.line} region={regionConfig.id} mode="pill" />
+          <LineIcon line={estimate.line} mode="pill" />
         </div>
         <div className="route-info">
           <strong>{estimate.route}</strong>
@@ -202,9 +198,8 @@ export const ConsolidatedCirculationCard: React.FC<
         {hasGpsPosition && (
           <div className="gps-indicator" title="Live GPS tracking">
             <span
-              className={`gps-pulse ${
-                estimate.isPreviousTrip ? "previous-trip" : ""
-              }`}
+              className={`gps-pulse ${estimate.isPreviousTrip ? "previous-trip" : ""
+                }`}
             />
           </div>
         )}
-- 
cgit v1.3