From 00072bb4cc2cd9541a78a97e6bbc2c356bf577dc Mon Sep 17 00:00:00 2001
From: "plebeius.eth" <mottoes_recap0u@icloud.com>
Date: Fri, 22 Dec 2023 17:08:03 +0100
Subject: [PATCH] fix(hide menu): only close menu when hiding post

---
 .../comment-tools/hide-menu/hide-menu.tsx     | 56 +++++++------------
 1 file changed, 19 insertions(+), 37 deletions(-)

diff --git a/src/components/post/comment-tools/hide-menu/hide-menu.tsx b/src/components/post/comment-tools/hide-menu/hide-menu.tsx
index 271c468f..eb238c02 100644
--- a/src/components/post/comment-tools/hide-menu/hide-menu.tsx
+++ b/src/components/post/comment-tools/hide-menu/hide-menu.tsx
@@ -17,55 +17,37 @@ const BlockAuthorButton = ({ author, toggleIsMenuOpen }: HideMenuProps) => {
   const { blocked, unblock, block } = useBlock({ address: author?.address });
 
   return (
-    <>
-      <div
-        className={styles.menuItem}
-        onClick={() => {
-          (blocked ? unblock : block)();
-          toggleIsMenuOpen && toggleIsMenuOpen();
-        }}
-      >
-        {blocked ? 'unblock' : 'block'} u/{author?.shortAddress}
-      </div>
-    </>
+    <div
+      className={styles.menuItem}
+      onClick={() => {
+        (blocked ? unblock : block)();
+        toggleIsMenuOpen && toggleIsMenuOpen();
+      }}
+    >
+      {blocked ? 'unblock' : 'block'} u/{author?.shortAddress}
+    </div>
   );
 };
 
-const BlockSubplebbitButton = ({ subplebbitAddress, toggleIsMenuOpen }: HideMenuProps) => {
+const BlockSubplebbitButton = ({ subplebbitAddress }: HideMenuProps) => {
   // const { t } = useTranslation();
   const { blocked, unblock, block } = useBlock({ address: subplebbitAddress });
 
   return (
-    <>
-      <div
-        className={styles.menuItem}
-        onClick={() => {
-          (blocked ? unblock : block)();
-          toggleIsMenuOpen && toggleIsMenuOpen();
-        }}
-      >
-        {blocked ? 'unblock' : 'block'} p/{subplebbitAddress && getShortAddress(subplebbitAddress)}
-      </div>
-    </>
+    <div className={styles.menuItem} onClick={blocked ? unblock : block}>
+      {blocked ? 'unblock' : 'block'} p/{subplebbitAddress && getShortAddress(subplebbitAddress)}
+    </div>
   );
 };
 
-const BlockCommentButton = ({ cid, toggleIsMenuOpen }: HideMenuProps) => {
+const BlockCommentButton = ({ cid }: HideMenuProps) => {
   // const { t } = useTranslation();
   const { blocked, unblock, block } = useBlock({ address: cid });
 
   return (
-    <>
-      <div
-        className={styles.menuItem}
-        onClick={() => {
-          (blocked ? unblock : block)();
-          toggleIsMenuOpen && toggleIsMenuOpen();
-        }}
-      >
-        {blocked ? 'unhide' : 'hide'} post
-      </div>
-    </>
+    <div className={styles.menuItem} onClick={blocked ? unblock : block}>
+      {blocked ? 'unhide' : 'hide'} post
+    </div>
   );
 };
 
@@ -100,8 +82,8 @@ const HideMenu = ({ author, cid, subplebbitAddress }: HideMenuProps) => {
           <div className={styles.modal} ref={refs.setFloating} style={floatingStyles} aria-labelledby={headingId} {...getFloatingProps()}>
             <div className={styles.modMenu}>
               <BlockCommentButton cid={cid} toggleIsMenuOpen={toggleIsMenuOpen} />
-              <BlockSubplebbitButton subplebbitAddress={subplebbitAddress} toggleIsMenuOpen={toggleIsMenuOpen} />
-              <BlockAuthorButton author={author} toggleIsMenuOpen={toggleIsMenuOpen} />
+              <BlockSubplebbitButton subplebbitAddress={subplebbitAddress} />
+              <BlockAuthorButton author={author} />
             </div>
           </div>
         </FloatingFocusManager>