From 30cd5c278ea7278200c16428b0db3e88cf465a5c Mon Sep 17 00:00:00 2001
From: Simon Backx <simon@ghost.org>
Date: Thu, 21 Jul 2022 17:35:24 +0200
Subject: [PATCH] Fixed More button not toggling context menu

---
 apps/comments-ui/src/components/More.js | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/apps/comments-ui/src/components/More.js b/apps/comments-ui/src/components/More.js
index 0ca1c75ea5..3130be4375 100644
--- a/apps/comments-ui/src/components/More.js
+++ b/apps/comments-ui/src/components/More.js
@@ -11,6 +11,10 @@ const More = (props) => {
         setIsContextMenuOpen(current => !current);
     };
 
+    const closeContextMenu = () => {
+        setIsContextMenuOpen(false);
+    };
+
     const comment = props.comment;
 
     /*
@@ -26,7 +30,7 @@ const More = (props) => {
     return (
         <div className="relative">
             {show ? <button onClick={toggleContextMenu} className="outline-0"><MoreIcon className='gh-comments-icon gh-comments-icon-more outline-0 fill-neutral-400 dark:fill-rgba(255,255,255,0.5)' /></button> : null}
-            {isContextMenuOpen ? <CommentContextMenu comment={comment} close={toggleContextMenu} toggleEdit={props.toggleEdit} /> : null}
+            {isContextMenuOpen ? <CommentContextMenu comment={comment} close={closeContextMenu} toggleEdit={props.toggleEdit} /> : null}
         </div>
     );
 };