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.

1 files changed, 4 insertions, 8 deletions

diff --git a/src/frontend/app/components/StopGalleryItem.tsx b/src/frontend/app/components/StopGalleryItem.tsx
index b32661a..72a13e5 100644
--- a/src/frontend/app/components/StopGalleryItem.tsx
+++ b/src/frontend/app/components/StopGalleryItem.tsx
@@ -1,30 +1,26 @@
 import React from "react";
 import { Link } from "react-router";
-import { type Stop } from "../data/StopDataProvider";
+import StopDataProvider, { type Stop } from "../data/StopDataProvider";
 import LineIcon from "./LineIcon";
-import { useApp } from "../AppContext";
-import StopDataProvider from "../data/StopDataProvider";
 
 interface StopGalleryItemProps {
   stop: Stop;
 }
 
 const StopGalleryItem: React.FC<StopGalleryItemProps> = ({ stop }) => {
-  const { region } = useApp();
-
   return (
     <div className="gallery-item">
-      <Link className="gallery-item-link" to={`/estimates/${stop.stopId}`}>
+      <Link className="gallery-item-link" to={`/stops/${stop.stopId}`}>
         <div className="gallery-item-header">
           {stop.favourite && <span className="favourite-icon">★</span>}
           <span className="gallery-item-code">({stop.stopId})</span>
         </div>
         <div className="gallery-item-name">
-          {StopDataProvider.getDisplayName(region, stop)}
+          {StopDataProvider.getDisplayName(stop)}
         </div>
         <div className="gallery-item-lines">
           {stop.lines?.slice(0, 5).map((line) => (
-            <LineIcon key={line} line={line} region={region} />
+            <LineIcon key={line} line={line} />
           ))}
           {stop.lines && stop.lines.length > 5 && (
             <span className="more-lines">+{stop.lines.length - 5}</span>