From 59e6b970acf2f1b8b1b57d0d594bfafdda196063 Mon Sep 17 00:00:00 2001
From: Katherina Marcenko <marcenko@ubilabs.net>
Date: Fri, 29 Nov 2019 10:23:47 +0100
Subject: [PATCH] feat(closeMenu): close modal when menuItem is selected

---
 src/scripts/components/menu/menu.tsx                       | 2 +-
 src/scripts/components/projection-menu/projection-menu.tsx | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/scripts/components/menu/menu.tsx b/src/scripts/components/menu/menu.tsx
index 25e54bb37..ba5444ed8 100644
--- a/src/scripts/components/menu/menu.tsx
+++ b/src/scripts/components/menu/menu.tsx
@@ -52,7 +52,7 @@ const Menu: FunctionComponent = () => {
         <MenuIcon />
       </button>
       {isOpen && (
-        <ul className={styles.menuList}>
+        <ul className={styles.menuList} onClick={() => setIsOpen(false)}>
           {menuItems.map(menuItem => {
             const Icon = menuItem.icon;
 
diff --git a/src/scripts/components/projection-menu/projection-menu.tsx b/src/scripts/components/projection-menu/projection-menu.tsx
index 6164f24cb..fea5f289c 100644
--- a/src/scripts/components/projection-menu/projection-menu.tsx
+++ b/src/scripts/components/projection-menu/projection-menu.tsx
@@ -13,10 +13,11 @@ const ProjectionMenu: FunctionComponent = () => {
   const intl = useIntl();
   const projections = Object.values(GlobeProjection);
   const dispatch = useDispatch();
+  const [isOpen, setIsOpen] = useState(false);
   const onProjectionClick = (projection: GlobeProjection) => {
+    setIsOpen(false);
     dispatch(setGlobeProjectionAction(projection));
   };
-  const [isOpen, setIsOpen] = useState(false);
   const onButtonClickHandler = () => setIsOpen(!isOpen);
 
   return (