diff options
Diffstat (limited to 'src/frontend/app/components/StopItem.tsx')
| -rw-r--r-- | src/frontend/app/components/StopItem.tsx | 9 |
1 files changed, 3 insertions, 6 deletions
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> |