From 8bf93a7dec9c5329d797e53f6ab266c82429353d Mon Sep 17 00:00:00 2001
From: efarooqui <efarooqui@pandora.com>
Date: Wed, 23 Sep 2020 08:36:03 -0700
Subject: [PATCH] Working multi-select; need to stop firing update timerange
 upon select

---
 src/components/presentational/Map/Events.jsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/presentational/Map/Events.jsx b/src/components/presentational/Map/Events.jsx
index f2fe193..588d4c0 100644
--- a/src/components/presentational/Map/Events.jsx
+++ b/src/components/presentational/Map/Events.jsx
@@ -21,6 +21,11 @@ function MapEvents ({
     return [x, y]
   }
 
+  function handleEventSelect (e, location) {
+    const events = e.shiftKey ? selected.concat(location.events) : location.events
+    onSelect(events)
+  }
+
   function renderBorder () {
     return (
       <React.Fragment>
@@ -135,7 +140,7 @@ function MapEvents ({
       <g
         className={`location-event ${narrative ? 'no-hover' : ''}`}
         transform={`translate(${x}, ${y})`}
-        onClick={() => onSelect(location.events)}
+        onClick={(e) => handleEventSelect(e, location)}
       >
         {renderLocationSlicesByCategory(location)}
         {extraRender ? extraRender() : null}