From 98798235c9876046a9bd37d67a3da2165d37e432 Mon Sep 17 00:00:00 2001
From: Mitchell McCaffrey <mitchemmc@gmail.com>
Date: Thu, 23 Apr 2020 22:12:50 +1000
Subject: [PATCH] Added quick map select with double click

---
 src/components/map/MapTile.js  | 15 ++++++++++++++-
 src/components/map/MapTiles.js |  2 ++
 src/modals/SelectMapModal.js   |  1 +
 3 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/src/components/map/MapTile.js b/src/components/map/MapTile.js
index b06fc4c..e6f2104 100644
--- a/src/components/map/MapTile.js
+++ b/src/components/map/MapTile.js
@@ -7,7 +7,14 @@ import RemoveMapIcon from "../../icons/RemoveMapIcon";
 import ResetMapIcon from "../../icons/ResetMapIcon";
 import ExpandMoreDotIcon from "../../icons/ExpandMoreDotIcon";
 
-function MapTile({ map, isSelected, onMapSelect, onMapRemove, onMapReset }) {
+function MapTile({
+  map,
+  isSelected,
+  onMapSelect,
+  onMapRemove,
+  onMapReset,
+  onSubmit,
+}) {
   const [isMapTileMenuOpen, setIsTileMenuOpen] = useState(false);
   const [hasMapState, setHasMapState] = useState(false);
 
@@ -104,6 +111,12 @@ function MapTile({ map, isSelected, onMapSelect, onMapRemove, onMapReset }) {
         setIsTileMenuOpen(false);
         onMapSelect(map);
       }}
+      onDoubleClick={(e) => {
+        if (!isMapTileMenuOpen) {
+          onMapSelect(map);
+          onSubmit(e);
+        }
+      }}
     >
       <UIImage
         sx={{ width: "100%", height: "100%", objectFit: "contain" }}
diff --git a/src/components/map/MapTiles.js b/src/components/map/MapTiles.js
index 796ae8e..d07fa1a 100644
--- a/src/components/map/MapTiles.js
+++ b/src/components/map/MapTiles.js
@@ -12,6 +12,7 @@ function MapTiles({
   onMapAdd,
   onMapRemove,
   onMapReset,
+  onSubmit,
 }) {
   return (
     <Flex
@@ -61,6 +62,7 @@ function MapTiles({
           onMapSelect={onMapSelect}
           onMapRemove={onMapRemove}
           onMapReset={onMapReset}
+          onSubmit={onSubmit}
         />
       ))}
     </Flex>
diff --git a/src/modals/SelectMapModal.js b/src/modals/SelectMapModal.js
index 533f13f..2718151 100644
--- a/src/modals/SelectMapModal.js
+++ b/src/modals/SelectMapModal.js
@@ -256,6 +256,7 @@ function SelectMapModal({
             selectedMap={selectedMap && selectedMap.id}
             onMapSelect={handleMapSelect}
             onMapReset={handleMapReset}
+            onSubmit={handleSubmit}
           />
           <Flex>
             <Box mb={2} mr={1} sx={{ flexGrow: 1 }}>