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.

---
 src/frontend/app/components/StopItem.tsx | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

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

diff --git a/src/frontend/app/components/StopItem.tsx b/src/frontend/app/components/StopItem.tsx
index de51576..7875b59 100644
--- a/src/frontend/app/components/StopItem.tsx
+++ b/src/frontend/app/components/StopItem.tsx
@@ -1,6 +1,5 @@
 import React from "react";
 import { Link } from "react-router";
-import { useApp } from "../AppContext";
 import StopDataProvider, { type Stop } from "../data/StopDataProvider";
 import LineIcon from "./LineIcon";
 
@@ -9,15 +8,13 @@ interface StopItemProps {
 }
 
 const StopItem: React.FC<StopItemProps> = ({ stop }) => {
-  const { region } = useApp();
-
   return (
     <li className="list-item">
-      <Link className="list-item-link" to={`/estimates/${stop.stopId}`}>
+      <Link className="list-item-link" to={`/stops/${stop.stopId}`}>
         <div style={{ display: "flex", justifyContent: "space-between", alignItems: "baseline" }}>
           <span style={{ fontWeight: 600 }}>
             {stop.favourite && <span className="favourite-icon">★</span>}
-            {StopDataProvider.getDisplayName(region, stop)}
+            {StopDataProvider.getDisplayName(stop)}
           </span>
           <span style={{ fontSize: "0.85em", color: "var(--subtitle-color)", marginLeft: "0.5rem" }}>
             ({stop.stopId})
@@ -25,7 +22,7 @@ const StopItem: React.FC<StopItemProps> = ({ stop }) => {
         </div>
         <div className="line-icons" style={{ marginTop: "0.25rem" }}>
           {stop.lines?.map((line) => (
-            <LineIcon key={line} line={line} region={region} />
+            <LineIcon key={line} line={line} />
           ))}
         </div>
       </Link>
-- 
cgit v1.3