diff options
Diffstat (limited to 'src/frontend/app/routes/estimates-$id.tsx')
| -rw-r--r-- | src/frontend/app/routes/estimates-$id.tsx | 13 |
1 files changed, 13 insertions, 0 deletions
diff --git a/src/frontend/app/routes/estimates-$id.tsx b/src/frontend/app/routes/estimates-$id.tsx index c8c52b5..4502d9e 100644 --- a/src/frontend/app/routes/estimates-$id.tsx +++ b/src/frontend/app/routes/estimates-$id.tsx @@ -21,6 +21,7 @@ import { PullToRefresh } from "~/components/PullToRefresh"; import { useAutoRefresh } from "~/hooks/useAutoRefresh"; import { type RegionId, getRegionConfig } from "~/data/RegionConfig"; import { StopAlert } from "~/components/StopAlert"; +import LineIcon from "~/components/LineIcon"; export interface Estimate { line: string; @@ -296,6 +297,18 @@ export default function Estimates() { </button> </div> + {stopData && stopData.lines && stopData.lines.length > 0 && ( + <div + className={`estimates-lines-container ${stopData.lines.length >= 6 ? "scrollable" : ""}`} + > + {stopData.lines.map((line) => ( + <div key={line} className="estimates-line-icon"> + <LineIcon line={line} region={region} rounded /> + </div> + ))} + </div> + )} + {stopData && <StopAlert stop={stopData} />} <div className="table-responsive"> |