Use provided colours in map

Closes #131

1 files changed, 3 insertions, 5 deletions

diff --git a/src/frontend/app/routes/stops-$id.tsx b/src/frontend/app/routes/stops-$id.tsx
index d4301cc..bff8c7f 100644
--- a/src/frontend/app/routes/stops-$id.tsx
+++ b/src/frontend/app/routes/stops-$id.tsx
@@ -11,6 +11,7 @@ import { PullToRefresh } from "~/components/PullToRefresh";
 import { StopHelpModal } from "~/components/stop/StopHelpModal";
 import { StopMapModal } from "~/components/stop/StopMapModal";
 import { usePageTitle } from "~/contexts/PageTitleContext";
+import { formatHex } from "~/utils/colours";
 import StopDataProvider from "../data/StopDataProvider";
 import "./stops-$id.css";
 
@@ -231,13 +232,10 @@ export default function Estimates() {
             }}
             circulations={(data ?? []).map((a) => ({
               id: getArrivalId(a),
-              line: a.route.shortName,
-              route: a.headsign.destination,
               currentPosition: a.currentPosition ?? undefined,
               stopShapeIndex: a.stopShapeIndex ?? undefined,
-              schedule: {
-                shapeId: undefined,
-              },
+              colour: formatHex(a.route.colour),
+              textColour: formatHex(a.route.textColour),
               shape: a.shape,
             }))}
             isOpen={isMapModalOpen}