mirror/seedit
1
0
Fork 0
mirror of https://github.com/plebbit/seedit.git synced 2026-02-14 16:01:04 -05:00
Code Issues Packages Projects Releases Wiki Activity

fix(hide menu): only close menu when hiding post

Browse Source
This commit is contained in:
plebeius.eth
2023-12-22 17:08:03 +01:00
parent 486e0b4e8f
commit 00072bb4cc
1 changed files with 19 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
src/components/post/comment-tools/hide-menu/hide-menu.tsx
View File

@@ -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>