From 9ace933d30d906a157e5aec4366e7160db7f083f Mon Sep 17 00:00:00 2001
From: Mitchell McCaffrey <mitchemmc@gmail.com>
Date: Thu, 21 May 2020 20:58:17 +1000
Subject: [PATCH] Fix no interaction bug when closing token menu with enter

---
 src/components/token/TokenMenu.js | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/token/TokenMenu.js b/src/components/token/TokenMenu.js
index 07161fe..0f14a7e 100644
--- a/src/components/token/TokenMenu.js
+++ b/src/components/token/TokenMenu.js
@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from "react";
+import React, { useEffect, useState, useContext } from "react";
 import { Box, Input, Slider, Flex, Text } from "theme-ui";
 
 import MapMenu from "../map/MapMenu";
@@ -7,6 +7,8 @@ import colors, { colorOptions } from "../../helpers/colors";
 
 import usePrevious from "../../helpers/usePrevious";
 
+import MapInteractionContext from "../../contexts/MapInteractionContext";
+
 const defaultTokenMaxSize = 6;
 
 /**
@@ -97,6 +99,8 @@ function TokenMenu({
     }
   }
 
+  const { setPreventMapInteraction } = useContext(MapInteractionContext);
+
   return (
     <MapMenu
       isOpen={isOpen}
@@ -110,6 +114,7 @@ function TokenMenu({
           as="form"
           onSubmit={(e) => {
             e.preventDefault();
+            setPreventMapInteraction(false);
             onRequestClose();
           }}
           sx={{ alignItems: "center" }}