From cb8b66e55f6d5a4576f6e6e34c860f3f0db6de75 Mon Sep 17 00:00:00 2001
From: Mitchell McCaffrey <mitchemmc@gmail.com>
Date: Sun, 21 Jun 2020 16:17:54 +1000
Subject: [PATCH] Added touch supprt to fog polygon

---
 src/components/map/MapFog.js | 12 ++++++------
 src/helpers/konva.js         |  1 +
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/components/map/MapFog.js b/src/components/map/MapFog.js
index 39e759e..9a06e9b 100644
--- a/src/components/map/MapFog.js
+++ b/src/components/map/MapFog.js
@@ -192,14 +192,14 @@ function MapFog({
       setIsBrushDown(false);
     }
 
-    mapStage.on("mousedown", handleBrushDown);
-    mapStage.on("mousemove", handleBrushMove);
-    mapStage.on("mouseup", handleBrushUp);
+    mapStage.on("mousedown touchstart", handleBrushDown);
+    mapStage.on("mousemove touchmove", handleBrushMove);
+    mapStage.on("mouseup touchend", handleBrushUp);
 
     return () => {
-      mapStage.off("mousedown", handleBrushDown);
-      mapStage.off("mousemove", handleBrushMove);
-      mapStage.off("mouseup", handleBrushUp);
+      mapStage.off("mousedown touchstart", handleBrushDown);
+      mapStage.off("mousemove touchmove", handleBrushMove);
+      mapStage.off("mouseup touchend", handleBrushUp);
     };
   }, [
     mapStageRef,
diff --git a/src/helpers/konva.js b/src/helpers/konva.js
index b648a7f..fad95a2 100644
--- a/src/helpers/konva.js
+++ b/src/helpers/konva.js
@@ -124,6 +124,7 @@ export function Tick({ x, y, scale, onClick, cross }) {
       onMouseEnter={handleEnter}
       onMouseLeave={handleLeave}
       onClick={onClick}
+      onTap={onClick}
     >
       <Circle radius={12} fill="hsla(230, 25%, 18%, 0.8)" />
       <Path