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.

3 files changed, 21 insertions, 30 deletions

diff --git a/src/frontend/app/components/Stops/ConsolidatedCirculationCard.css b/src/frontend/app/components/Stops/ConsolidatedCirculationCard.css
index 3dc33ea..e61ac25 100644
--- a/src/frontend/app/components/Stops/ConsolidatedCirculationCard.css
+++ b/src/frontend/app/components/Stops/ConsolidatedCirculationCard.css
@@ -1,4 +1,4 @@
-@import "tailwindcss";
+@import '../../tailwind.css';
 
 .consolidated-circulation-card {
   all: unset;
@@ -133,19 +133,19 @@
 }
 
 .meta-chip.delay-ok {
-  @apply bg-green-400/30 dark:bg-green-600/30 border-green-500 dark:border-green-700 text-green-800 dark:text-green-200;
+  @apply bg-green-600/80 dark:bg-green-600/30 border-green-500 dark:border-green-700 text-white dark:text-green-200;
 }
 
 .meta-chip.delay-warn {
-  @apply bg-yellow-400/30 dark:bg-yellow-600/30 border-yellow-500 dark:border-yellow-700 text-yellow-800 dark:text-yellow-200;
+  @apply bg-amber-600/80 dark:bg-yellow-600/30 border-yellow-500 dark:border-yellow-700 text-white dark:text-yellow-200;
 }
 
 .meta-chip.delay-critical {
-  @apply bg-red-400/30 dark:bg-red-600/30 border-red-500 dark:border-red-700 text-white;
+  @apply bg-red-400/80 dark:bg-red-600/30 border-red-500 dark:border-red-700 text-white;
 }
 
 .meta-chip.delay-early {
-  @apply bg-blue-400/30 dark:bg-blue-600/30 border-blue-500 dark:border-blue-700 text-blue-800 dark:text-blue-200;
+  @apply bg-blue-400/80 dark:bg-blue-600/30 border-blue-500 dark:border-blue-700 text-white dark:text-blue-200;
 }
 
 /* GPS Indicator */
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>
         )}
diff --git a/src/frontend/app/components/Stops/ConsolidatedCirculationList.tsx b/src/frontend/app/components/Stops/ConsolidatedCirculationList.tsx
index 4c2916a..547fdf7 100644
--- a/src/frontend/app/components/Stops/ConsolidatedCirculationList.tsx
+++ b/src/frontend/app/components/Stops/ConsolidatedCirculationList.tsx
@@ -1,5 +1,4 @@
 import { useTranslation } from "react-i18next";
-import { type RegionConfig } from "~/config/RegionConfig";
 import { type ConsolidatedCirculation } from "~routes/stops-$id";
 import { ConsolidatedCirculationCard } from "./ConsolidatedCirculationCard";
 
@@ -8,14 +7,12 @@ import "./ConsolidatedCirculationList.css";
 interface RegularTableProps {
   data: ConsolidatedCirculation[];
   dataDate: Date | null;
-  regionConfig: RegionConfig;
   onCirculationClick?: (estimate: ConsolidatedCirculation, index: number) => void;
 }
 
 export const ConsolidatedCirculationList: React.FC<RegularTableProps> = ({
   data,
   dataDate,
-  regionConfig,
   onCirculationClick,
 }) => {
   const { t } = useTranslation();
@@ -44,7 +41,6 @@ export const ConsolidatedCirculationList: React.FC<RegularTableProps> = ({
             <ConsolidatedCirculationCard
               key={idx}
               estimate={estimate}
-              regionConfig={regionConfig}
               onMapClick={() => onCirculationClick?.(estimate, idx)}
             />
           ))}