diff options
| -rw-r--r-- | src/frontend/app/components/StopMapSheet.tsx | 4 | ||||
| -rw-r--r-- | src/frontend/app/data/LineColors.ts | 5 | ||||
| -rw-r--r-- | src/frontend/app/routes/stops-$id.tsx | 19 |
3 files changed, 13 insertions, 15 deletions
diff --git a/src/frontend/app/components/StopMapSheet.tsx b/src/frontend/app/components/StopMapSheet.tsx index a0d30f4..2dc85db 100644 --- a/src/frontend/app/components/StopMapSheet.tsx +++ b/src/frontend/app/components/StopMapSheet.tsx @@ -145,7 +145,7 @@ export const StopMap: React.FC<StopMapProps> = ({ height: 14, background: "#1976d2", border: "2px solid white", - borderRadius: "50%", + borderRadius: "5%", boxShadow: "0 0 0 2px rgba(0,0,0,0.2)", }} title={`Stop ${stop.stopId}`} @@ -165,7 +165,6 @@ export const StopMap: React.FC<StopMapProps> = ({ anchor="center" > <div - title={`${c.line} → ${c.route}`} style={{ display: "flex", flexDirection: "column", @@ -187,6 +186,7 @@ export const StopMap: React.FC<StopMapProps> = ({ lineHeight: 1, border: "1px solid #fff", boxShadow: "0 1px 2px rgba(0,0,0,0.3)", + transform: `rotate(${-p.orientationDegrees}deg)`, }} > {c.line} diff --git a/src/frontend/app/data/LineColors.ts b/src/frontend/app/data/LineColors.ts index 00ed890..0d23211 100644 --- a/src/frontend/app/data/LineColors.ts +++ b/src/frontend/app/data/LineColors.ts @@ -88,10 +88,11 @@ export function getLineColor( region: RegionId, line: string, ): LineColorInfo { - const formattedLine = /^[a-zA-Z]/.test(line) ? line : `L${line}`; + let formattedLine = /^[a-zA-Z]/.test(line) ? line : `L${line}`; + formattedLine = formattedLine.toLowerCase().trim(); if (region === "vigo") { - return vigoLineColors[formattedLine] ?? defaultLineColor; + return vigoLineColors[formattedLine.toLowerCase().trim()] ?? defaultLineColor; } else if (region === "santiago") { return santiagoLineColors[formattedLine] ?? defaultLineColor; } diff --git a/src/frontend/app/routes/stops-$id.tsx b/src/frontend/app/routes/stops-$id.tsx index 92d76a3..30a8d1b 100644 --- a/src/frontend/app/routes/stops-$id.tsx +++ b/src/frontend/app/routes/stops-$id.tsx @@ -213,10 +213,7 @@ export default function Estimates() { } return ( - <PullToRefresh - onRefresh={handleManualRefresh} - isRefreshing={isManualRefreshing} - > + <> <div className="page-container estimates-page"> <div className="estimates-header"> <h1 className="page-title"> @@ -251,12 +248,6 @@ export default function Estimates() { </div> )} - <div className="experimental-notice"> - <strong> - {t("estimates.experimental_feature", "Experimental feature")} - </strong> - </div> - {(isManualRefreshing || dataLoading) && ( <div className="refresh-status"> <RefreshCw className="refresh-icon spinning" /> @@ -268,6 +259,12 @@ export default function Estimates() { <div className="estimates-content-wrapper"> <div className="estimates-list-container"> + <div className="experimental-notice"> + <strong> + {t("estimates.experimental_feature", "Experimental feature")} + </strong> + </div> + <div className="table-responsive"> {dataLoading ? ( <ConsolidatedCirculationListSkeleton /> @@ -304,6 +301,6 @@ export default function Estimates() { )} </div> </div> - </PullToRefresh> + </> ); } |