Changed Color Mapping from Theme to TurboColorRamp

traccar · Jul 12, 2024 · e9e325d · e9e325d
1 parent a854eb2
commit e9e325d
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 22 deletions.
diff --git a/src/common/util/colors.js b/src/common/util/colors.js
diff --git a/src/map/MapRoutePath.js b/src/map/MapRoutePath.js
@@ -73,9 +73,6 @@ const MapRoutePath = ({ positions }) => {
         },
         properties: {
           color: reportColor || getSpeedColor(
-            theme.palette.success.main,
-            theme.palette.warning.main,
-            theme.palette.error.main,
             positions[i + 1].speed,
             maxSpeed,
           ),

diff --git a/src/map/MapRoutePoints.js b/src/map/MapRoutePoints.js
@@ -1,11 +1,9 @@
 import { useId, useCallback, useEffect } from 'react';
-import { useTheme } from '@mui/styles';
 import { map } from './core/MapView';
 import { getSpeedColor } from '../common/util/colors';
 
 const MapRoutePoints = ({ positions, onClick }) => {
   const id = useId();
-  const theme = useTheme();
 
   const onMouseEnter = () => map.getCanvas().style.cursor = 'pointer';
   const onMouseLeave = () => map.getCanvas().style.cursor = '';
@@ -72,7 +70,7 @@ const MapRoutePoints = ({ positions, onClick }) => {
           index,
           id: position.id,
           rotation: position.course,
-          color: getSpeedColor(theme.palette.success.main, theme.palette.warning.main, theme.palette.error.main, position.speed, maxSpeed),
+          color: getSpeedColor(position.speed, maxSpeed),
         },
       })),
     });