From 62e944796bf74dd9fca49fd70ff2031f6774dd89 Mon Sep 17 00:00:00 2001
From: Severiano Badajoz <sbadajoz@chanzuckerberg.com>
Date: Wed, 4 Mar 2020 11:31:30 -0800
Subject: [PATCH] enable camera interaction on centroids (#1160)

* pass handleCanvasEvent to graphOverlayLayer

* dont pass handlecanvasevent if not interactive
---
 client/src/components/graph/graph.js                      | 5 +++++
 client/src/components/graph/overlays/graphOverlayLayer.js | 5 ++++-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/client/src/components/graph/graph.js b/client/src/components/graph/graph.js
index 381794f0..478d9b41 100644
--- a/client/src/components/graph/graph.js
+++ b/client/src/components/graph/graph.js
@@ -749,6 +749,11 @@ class Graph extends React.Component {
               graphPaddingRightLeft={this.graphPaddingRightLeft}
               graphPaddingTop={this.graphPaddingTop}
               responsive={responsive}
+              handleCanvasEvent={
+                graphInteractionMode === "zoom"
+                  ? this.handleCanvasEvent
+                  : undefined
+              }
             >
               <CentroidLabels />
             </GraphOverlayLayer>
diff --git a/client/src/components/graph/overlays/graphOverlayLayer.js b/client/src/components/graph/overlays/graphOverlayLayer.js
index ac50942b..d768b014 100644
--- a/client/src/components/graph/overlays/graphOverlayLayer.js
+++ b/client/src/components/graph/overlays/graphOverlayLayer.js
@@ -53,7 +53,8 @@ class GraphOverlayLayer extends PureComponent {
       responsive,
       graphPaddingRightLeft,
       graphPaddingTop,
-      children
+      children,
+      handleCanvasEvent
     } = this.props;
 
     if (!cameraTF) return null;
@@ -89,6 +90,8 @@ class GraphOverlayLayer extends PureComponent {
           zIndex: 99,
           backgroundColor: displaying ? "rgba(255, 255, 255, 0.55)" : ""
         }}
+        onMouseMove={handleCanvasEvent}
+        onWheel={handleCanvasEvent}
       >
         <g
           id="canvas-transformation-group-x"