diff options
Diffstat (limited to 'src/frontend/app/components/StopGalleryItem.tsx')
| -rw-r--r-- | src/frontend/app/components/StopGalleryItem.tsx | 12 |
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> |
