From 8b6026816fa68739cc1d47a493c56459b0a527d2 Mon Sep 17 00:00:00 2001
From: thecodrr <thecodrr@protonmail.com>
Date: Mon, 2 Mar 2020 15:54:32 +0500
Subject: [PATCH] fix: #50

---
 apps/web/src/components/list-item/index.js | 8 ++++++--
 apps/web/src/components/menu/index.js      | 4 ++--
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/apps/web/src/components/list-item/index.js b/apps/web/src/components/list-item/index.js
index 7b81ab3b0..c682d4dc2 100644
--- a/apps/web/src/components/list-item/index.js
+++ b/apps/web/src/components/list-item/index.js
@@ -9,10 +9,10 @@ import useContextMenu from "../../utils/useContextMenu";
 const ActionsMenu = props => (
   <Menu
     id={props.id}
-    dropdownRef={props.dropdownRefs[props.index]}
     menuItems={props.menuItems}
     data={props.menuData}
     style={props.style}
+    closeMenu={props.closeMenu}
   />
 );
 
@@ -130,7 +130,10 @@ const ListItem = props => {
               </Text>
             </DropdownTrigger>
             <DropdownContent style={{ zIndex: 2, marginLeft: -130 }}>
-              <ActionsMenu {...props} />
+              <ActionsMenu
+                {...props}
+                closeMenu={() => props.dropdownRefs[props.index].hide()}
+              />
             </DropdownContent>
           </Dropdown>
         )}
@@ -144,6 +147,7 @@ const ListItem = props => {
             display: "none",
             zIndex: 999
           }}
+          closeMenu={() => closeContextMenu()}
         />
       )}
     </Flex>
diff --git a/apps/web/src/components/menu/index.js b/apps/web/src/components/menu/index.js
index fbb16a547..21b0df188 100644
--- a/apps/web/src/components/menu/index.js
+++ b/apps/web/src/components/menu/index.js
@@ -34,8 +34,8 @@ function Menu(props) {
             onClick={e => {
               e.stopPropagation();
               Dropdown.closeLastOpened();
-              if (props.dropdownRef) {
-                props.dropdownRef.hide();
+              if (props.closeMenu) {
+                props.closeMenu();
               }
               if (item.onClick) {
                 item.onClick(props.data);