diff options
| author | Ariel Costas Guerrero <ariel@costas.dev> | 2026-02-11 18:05:34 +0100 |
|---|---|---|
| committer | Ariel Costas Guerrero <ariel@costas.dev> | 2026-02-11 18:05:34 +0100 |
| commit | 58d309b69bcc80a215c4fd6f38044b820d4f3674 (patch) | |
| tree | c895af9b98edafc345536384f1c92e82ee76ec02 /src/frontend/app/routes | |
| parent | 06c873557d7842b015a4eb3e7ed02e27a6177824 (diff) | |
fix: Use formatHex for route color formatting in RouteDetailsPage
Diffstat (limited to 'src/frontend/app/routes')
| -rw-r--r-- | src/frontend/app/routes/routes-$id.tsx | 9 |
1 files changed, 6 insertions, 3 deletions
diff --git a/src/frontend/app/routes/routes-$id.tsx b/src/frontend/app/routes/routes-$id.tsx index f7c69d7..32f1fb7 100644 --- a/src/frontend/app/routes/routes-$id.tsx +++ b/src/frontend/app/routes/routes-$id.tsx @@ -24,6 +24,7 @@ import { usePageTitle, usePageTitleNode, } from "~/contexts/PageTitleContext"; +import { formatHex } from "~/utils/colours"; import "../tailwind-full.css"; export default function RouteDetailsPage() { @@ -82,7 +83,7 @@ export default function RouteDetailsPage() { <span className="text-lg font-bold leading-none" style={{ - color: route.color ? `#${route.color}` : "var(--text-color)", + color: route.color ? formatHex(route.color) : "var(--text-color)", }} > {route.shortName || route.longName} @@ -276,7 +277,9 @@ export default function RouteDetailsPage() { id="route-line" type="line" paint={{ - "line-color": route.color ? `#${route.color}` : "#3b82f6", + "line-color": route.color + ? formatHex(route.color) + : "#3b82f6", "line-width": 4, "line-opacity": 0.8, }} @@ -292,7 +295,7 @@ export default function RouteDetailsPage() { "circle-color": "#ffffff", "circle-stroke-width": 2, "circle-stroke-color": route.color - ? `#${route.color}` + ? formatHex(route.color) : "#3b82f6", }} /> |