From 15bdd2d7f050036e699295642ae8a6a67d5d9257 Mon Sep 17 00:00:00 2001
From: Sabir Hassan <sabirbk06@gmail.com>
Date: Tue, 26 Jul 2022 14:54:06 +0500
Subject: [PATCH] chore: close file menu after clicking on diff editor menu
 item

---
 web/src/containers/Studio/editor.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/web/src/containers/Studio/editor.tsx b/web/src/containers/Studio/editor.tsx
index f8b0b76..5742ad2 100644
--- a/web/src/containers/Studio/editor.tsx
+++ b/web/src/containers/Studio/editor.tsx
@@ -521,6 +521,11 @@ const FileMenu = ({
     else setAnchorEl(null)
   }
 
+  const handleDiffBtnClick = () => {
+    setAnchorEl(null)
+    setShowDiff(!showDiff)
+  }
+
   const handleSaveAsBtnClick = () => {
     setAnchorEl(null)
     setOpenFilePathInputModal(true)
@@ -555,7 +560,7 @@ const FileMenu = ({
       >
         <MenuItem sx={{ justifyContent: 'center' }}>
           <Button
-            onClick={() => setShowDiff(!showDiff)}
+            onClick={handleDiffBtnClick}
             variant="contained"
             color="primary"
             startIcon={showDiff ? <Edit /> : <Difference />}