External/5chan
1
0
Fork 0
mirror of https://github.com/bitsocialnet/5chan.git synced 2026-08-03 07:41:04 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix(post menu mobile): close after hiding reply

Browse Source
This commit is contained in:
Tom (plebeius.eth)
2024-06-15 17:00:50 +02:00
parent f7b04bd0c9
commit bbc3f30e18
1 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/post-mobile/post-menu-mobile/post-menu-mobile.tsx
+8 -3
View File
@@ -70,14 +70,19 @@ const ViewOnButtons = ({ cid, isDescription, isRules, subplebbitAddress, onClose
); );
}; };
const HidePostButton = ({ cid, isReply, postCid }: PostMenuMobileProps) => { const HidePostButton = ({ cid, isReply, onClose, postCid }: PostMenuMobileProps) => {
const { t } = useTranslation(); const { t } = useTranslation();
const { hide, hidden, unhide } = useHide({ cid }); const { hide, hidden, unhide } = useHide({ cid });
const isInPostView = isPostPageView(useLocation().pathname, useParams()); const isInPostView = isPostPageView(useLocation().pathname, useParams());
return ( return (
(!isInPostView || isReply) && ( (!isInPostView || isReply) && (
<div onClick={hidden ? unhide : hide}> <div
onClick={() => {
hidden ? unhide() : hide();
onClose && onClose();
}}
>
<div className={styles.postMenuItem}> <div className={styles.postMenuItem}>
{hidden ? (postCid === cid ? t('unhide_thread') : t('unhide_post')) : postCid === cid ? t('hide_thread') : t('hide_post')} {hidden ? (postCid === cid ? t('unhide_thread') : t('unhide_post')) : postCid === cid ? t('hide_thread') : t('hide_post')}
</div> </div>
@@ -139,7 +144,7 @@ const PostMenuMobile = ({ post }: { post: Comment }) => {
<FloatingFocusManager context={context} modal={false}> <FloatingFocusManager context={context} modal={false}>
<div className={styles.postMenu} ref={refs.setFloating} style={floatingStyles} aria-labelledby={headingId} {...getFloatingProps()}> <div className={styles.postMenu} ref={refs.setFloating} style={floatingStyles} aria-labelledby={headingId} {...getFloatingProps()}>
{cid && subplebbitAddress && <CopyLinkButton cid={cid} subplebbitAddress={subplebbitAddress} onClose={handleClose} />} {cid && subplebbitAddress && <CopyLinkButton cid={cid} subplebbitAddress={subplebbitAddress} onClose={handleClose} />}
{cid && subplebbitAddress && <HidePostButton cid={cid} isReply={parentCid} postCid={post.postCid} />} {cid && subplebbitAddress && <HidePostButton cid={cid} isReply={parentCid} postCid={post.postCid} onClose={handleClose} />}
{cid && subplebbitAddress && <BlockUserButton address={author?.address} />} {cid && subplebbitAddress && <BlockUserButton address={author?.address} />}
{cid && subplebbitAddress && !isInBoardView && <BlockBoardButton address={subplebbitAddress} />} {cid && subplebbitAddress && !isInBoardView && <BlockBoardButton address={subplebbitAddress} />}
{link && isValidURL(link) && (type === 'image' || type === 'gif' || thumbnail) && url && <ImageSearchButtons url={url} onClose={handleClose} />} {link && isValidURL(link) && (type === 'image' || type === 'gif' || thumbnail) && url && <ImageSearchButtons url={url} onClose={handleClose} />}