Revize c0b66eaf

map icon colors start

re #9741

frontend/src/features/TrackingTool/Map/MapMarker.tsx

@@ -1 @@
-import { LatLngTuple, Marker as MarkerPOJO } from 'leaflet'
+import L, { LatLngTuple, Marker as MarkerPOJO } from 'leaflet'
 import { FunctionComponent, ReactNode, useMemo, useRef, useState } from 'react'
 import { Marker } from 'react-leaflet'
+import {
+    getMapPointIcon,
+    MapPoint,
+} from '../trackingToolUtils'
 
 export interface MapMarkerProps {
     position: LatLngTuple
     children?: ReactNode
+    mapPoint: MapPoint
     color?: 'external' | 'disabled' | 'localCatalog'
     updatePositionCallbackFn: (position: LatLngTuple) => void // Callback function to notify MapPath to rerender the path
 }
@@ -14 +19 @@
     position,
     children,
     updatePositionCallbackFn,
+    mapPoint,
 }) => {
     const [currentPosition, setCurrentPosition] = useState(position)
     const markerRef = useRef<MarkerPOJO | null>(null)
@@ -37 +43 @@
         <Marker
             draggable={true}
             position={currentPosition}
+            icon={getMapPointIcon(mapPoint)}
             eventHandlers={eventHandlers}
             ref={markerRef}
         >