feat(closeMenu): close modal when menuItem is selected

ubilabs · Nov 29, 2019 · 59e6b97 · 59e6b97
1 parent cac3981
commit 59e6b97
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git 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
@@ -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 (