diff options
Diffstat (limited to 'src/frontend/app/components/StopItem.tsx')
| -rw-r--r-- | src/frontend/app/components/StopItem.tsx | 15 |
1 files changed, 7 insertions, 8 deletions
diff --git a/src/frontend/app/components/StopItem.tsx b/src/frontend/app/components/StopItem.tsx index 29370b7..b781eb9 100644 --- a/src/frontend/app/components/StopItem.tsx +++ b/src/frontend/app/components/StopItem.tsx @@ -1,22 +1,21 @@ -import React from 'react'; -import { Link } from 'react-router'; -import StopDataProvider, { type Stop } from '../data/StopDataProvider'; -import LineIcon from './LineIcon'; +import React from "react"; +import { Link } from "react-router"; +import StopDataProvider, { type Stop } from "../data/StopDataProvider"; +import LineIcon from "./LineIcon"; interface StopItemProps { stop: Stop; } const StopItem: React.FC<StopItemProps> = ({ stop }) => { - return ( <li className="list-item"> <Link className="list-item-link" to={`/estimates/${stop.stopId}`}> - {stop.favourite && <span className="favourite-icon">★</span>} ({stop.stopId}) {StopDataProvider.getDisplayName(stop)} + {stop.favourite && <span className="favourite-icon">★</span>} ( + {stop.stopId}) {StopDataProvider.getDisplayName(stop)} <div className="line-icons"> - {stop.lines?.map(line => <LineIcon key={line} line={line} />)} + {stop.lines?.map((line) => <LineIcon key={line} line={line} />)} </div> - </Link> </li> ); |
