From d86a3ef187359fbe83a5dd950295868c4ef39d09 Mon Sep 17 00:00:00 2001
From: Anton Tananaev <anton.tananaev@gmail.com>
Date: Sat, 26 Jun 2021 23:17:37 -0700
Subject: Implement marker colors

---
 modern/src/map/PositionsMap.js | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

(limited to 'modern/src/map/PositionsMap.js')

diff --git a/modern/src/map/PositionsMap.js b/modern/src/map/PositionsMap.js
index 4a590b7..a953ce3 100644
--- a/modern/src/map/PositionsMap.js
+++ b/modern/src/map/PositionsMap.js
@@ -15,12 +15,24 @@ const PositionsMap = ({ positions }) => {
   const history = useHistory();
   const devices = useSelector(state => state.devices.items);
 
+  const deviceColor = device => {
+    switch (device.status) {
+      case 'online':
+        return 'green';
+      case 'offline':
+        return 'red';
+      default:
+        return 'gray';
+    }
+  };
+
   const createFeature = (devices, position) => {
     const device = devices[position.deviceId] || null;
     return {
       deviceId: position.deviceId,
       name: device ? device.name : '',
       category: device && (device.category || 'default'),
+      color: deviceColor(device),
     }
   };
 
@@ -81,7 +93,7 @@ const PositionsMap = ({ positions }) => {
       'source': id,
       'filter': ['!', ['has', 'point_count']],
       'layout': {
-        'icon-image': '{category}',
+        'icon-image': '{category}-{color}',
         'icon-allow-overlap': true,
         'text-field': '{name}',
         'text-allow-overlap': true,
-- 
cgit v1.2.3