Undo change of mrker in StopMapModal

1 files changed, 17 insertions, 4 deletions

diff --git a/src/frontend/app/components/StopMapModal.tsx b/src/frontend/app/components/StopMapModal.tsx
index bddf512..1cb6d88 100644
--- a/src/frontend/app/components/StopMapModal.tsx
+++ b/src/frontend/app/components/StopMapModal.tsx
@@ -9,7 +9,6 @@ import React, {
 import Map, { Layer, Marker, Source, type MapRef } from "react-map-gl/maplibre";
 import { Sheet } from "react-modal-sheet";
 import { useApp } from "~/AppContext";
-import LineIcon from "~/components/LineIcon";
 import { REGION_DATA } from "~/config/RegionConfig";
 import { getLineColour } from "~/data/LineColors";
 import type { Stop } from "~/data/StopDataProvider";
@@ -518,12 +517,26 @@ export const StopMapModal: React.FC<StopMapModalProps> = ({
                           flexDirection: "column",
                           alignItems: "center",
                           gap: 6,
-                          filter: "drop-shadow(0 2px 4px rgba(0,0,0,0.3))",
-                          transform: "scale(0.85)",
+                          transform: `rotate(${selectedBus.currentPosition.orientationDegrees}deg)`,
                           transformOrigin: "center center",
                         }}
                       >
-                        <LineIcon line={selectedBus.line} mode="rounded" />
+                        <svg
+                          width="24"
+                          height="24"
+                          viewBox="0 0 24 24"
+                          style={{
+                            filter: "drop-shadow(0 2px 4px rgba(0,0,0,0.3))",
+                          }}
+                        >
+                          <path
+                            d="M12 2 L22 22 L12 17 L2 22 Z"
+                            fill={getLineColour(selectedBus.line).background}
+                            stroke="#000"
+                            strokeWidth="2"
+                            strokeLinejoin="round"
+                          />
+                        </svg>
                       </div>
                     </Marker>
                   )}