From cbb360b714accbf576d9140428241309334a6e8b Mon Sep 17 00:00:00 2001
From: Abdullah Atta <abdullahatta@streetwriters.co>
Date: Tue, 13 Feb 2024 11:19:03 +0500
Subject: [PATCH] ui: fix right clicking when menu is open doesn't close it

---
 packages/ui/src/components/menu/index.tsx | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/packages/ui/src/components/menu/index.tsx b/packages/ui/src/components/menu/index.tsx
index 422a16396..bf7cb4c69 100644
--- a/packages/ui/src/components/menu/index.tsx
+++ b/packages/ui/src/components/menu/index.tsx
@@ -238,6 +238,23 @@ export function MenuPresenter(props: PropsWithChildren<MenuPresenterProps>) {
     ...restProps
   } = props;
 
+  useEffect(() => {
+    if (!isOpen) return;
+    console.log(isOpen);
+    function onContextMenu(e: MouseEvent) {
+      console.log("CONTEXT", e);
+      if (
+        e.target instanceof HTMLElement &&
+        !!e.target.closest(".ReactModal__Overlay")
+      )
+        onClose();
+    }
+    window.addEventListener("contextmenu", onContextMenu);
+    return () => {
+      window.removeEventListener("contextmenu", onContextMenu);
+    };
+  }, [isOpen, onClose]);
+
   return (
     <PopupPresenter
       scope="contextMenu"