From 6ef7e13621d746482ad906955675541fdd7f0705 Mon Sep 17 00:00:00 2001
From: Anton Tananaev <anton.tananaev@gmail.com>
Date: Sun, 13 Sep 2020 15:59:21 -0700
Subject: Add marker callback

---
 modern/src/MainMap.js | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

(limited to 'modern/src/MainMap.js')

diff --git a/modern/src/MainMap.js b/modern/src/MainMap.js
index f2ac1b7..fadfe9e 100644
--- a/modern/src/MainMap.js
+++ b/modern/src/MainMap.js
@@ -1,5 +1,6 @@
 import React, { useRef, useLayoutEffect, useEffect, useState } from 'react';
 import { useSelector } from 'react-redux';
+import mapboxgl from 'mapbox-gl';
 
 import mapManager from './mapManager';
 
@@ -52,13 +53,17 @@ const MainMap = () => {
     mapManager.registerListener(() => setMapReady(true));
   }, []);
 
+  const markerClickHandler = (event) => {
+    // TODO
+  };
+
   useEffect(() => {
     if (mapReady) {
       mapManager.map.addSource('positions', {
         'type': 'geojson',
         'data': positions,
       });
-      mapManager.addLayer('device-icon', 'positions', 'icon-marker', '{name}');
+      mapManager.addLayer('device-icon', 'positions', 'icon-marker', '{name}', markerClickHandler);
 
       const bounds = mapManager.calculateBounds(positions.features);
       if (bounds) {
@@ -69,8 +74,7 @@ const MainMap = () => {
       }
 
       return () => {
-        mapManager.map.removeLayer('device-icon');
-        mapManager.map.removeSource('positions');
+        mapManager.removeLayer('device-icon', 'positions');
       };
     }
   }, [mapReady]);
-- 
cgit v1.2.3