diff --git a/src/components/post-desktop/post-menu-desktop/index.ts b/src/components/post-desktop/post-menu-desktop/index.ts index 14d179a1..54cc808b 100644 --- a/src/components/post-desktop/post-menu-desktop/index.ts +++ b/src/components/post-desktop/post-menu-desktop/index.ts @@ -1 +1 @@ -export { BlockBoardButton, BlockUserButton, default } from './post-menu-desktop'; +export { default } from './post-menu-desktop'; diff --git a/src/components/post-desktop/post-menu-desktop/post-menu-desktop.tsx b/src/components/post-desktop/post-menu-desktop/post-menu-desktop.tsx index 0781e669..80313368 100644 --- a/src/components/post-desktop/post-menu-desktop/post-menu-desktop.tsx +++ b/src/components/post-desktop/post-menu-desktop/post-menu-desktop.tsx @@ -103,7 +103,7 @@ const ViewOnButton = ({ cid, isDescription, isInAllView, isInSubscriptionsView, ); }; -export const BlockUserButton = ({ address }: { address: string }) => { +const BlockUserButton = ({ address }: { address: string }) => { const { t } = useTranslation(); const { blocked, unblock, block } = useBlock({ address }); return ( @@ -113,7 +113,7 @@ export const BlockUserButton = ({ address }: { address: string }) => { ); }; -export const BlockBoardButton = ({ address }: { address: string }) => { +const BlockBoardButton = ({ address }: { address: string }) => { const { t } = useTranslation(); const { blocked, unblock, block } = useBlock({ address }); return ( diff --git a/src/components/post-mobile/post-menu-mobile/post-menu-mobile.tsx b/src/components/post-mobile/post-menu-mobile/post-menu-mobile.tsx index 751404e3..4d9af8b5 100644 --- a/src/components/post-mobile/post-menu-mobile/post-menu-mobile.tsx +++ b/src/components/post-mobile/post-menu-mobile/post-menu-mobile.tsx @@ -1,14 +1,13 @@ import { useState } from 'react'; import { createPortal } from 'react-dom'; import { useTranslation } from 'react-i18next'; -import { Comment } from '@plebbit/plebbit-react-hooks'; +import { Comment, useBlock } from '@plebbit/plebbit-react-hooks'; import { autoUpdate, flip, FloatingFocusManager, offset, shift, useClick, useDismiss, useFloating, useId, useInteractions, useRole } from '@floating-ui/react'; import styles from './post-menu-mobile.module.css'; import { getCommentMediaInfo } from '../../../lib/utils/media-utils'; import { copyShareLinkToClipboard, isValidURL } from '../../../lib/utils/url-utils'; import useEditCommentPrivileges from '../../../hooks/use-author-privileges'; import useHide from '../../../hooks/use-hide'; -import { BlockBoardButton, BlockUserButton } from '../../post-desktop/post-menu-desktop'; import EditMenu from '../../edit-menu/edit-menu'; import { isBoardView, isPostPageView } from '../../../lib/utils/view-utils'; import { useLocation, useParams } from 'react-router-dom'; @@ -87,6 +86,26 @@ const HidePostButton = ({ cid, isReply, postCid }: PostMenuMobileProps) => { ); }; +const BlockUserButton = ({ address }: { address: string }) => { + const { t } = useTranslation(); + const { blocked, unblock, block } = useBlock({ address }); + return ( +