diff --git a/src/components/dms/MessagesListBlockedFooter.tsx b/src/components/dms/MessagesListBlockedFooter.tsx index cfdaa3bc68..8d41bde248 100644 --- a/src/components/dms/MessagesListBlockedFooter.tsx +++ b/src/components/dms/MessagesListBlockedFooter.tsx @@ -1,20 +1,20 @@ import {useCallback, useMemo} from 'react' import {View} from 'react-native' -import {LinearGradient} from 'expo-linear-gradient' import {type ModerationDecision} from '@atproto/api' import {Trans, useLingui} from '@lingui/react/macro' import {useProfileShadow} from '#/state/cache/profile-shadow' import {useProfileBlockMutationQueue} from '#/state/queries/profile' -import {atoms as a, useBreakpoints, useTheme} from '#/alf' +import {atoms as a, useTheme} from '#/alf' import {Button, ButtonIcon, ButtonText} from '#/components/Button' import {useDialogControl} from '#/components/Dialog' import {BlockedByListDialog} from '#/components/dms/BlockedByListDialog' import {LeaveConvoPrompt} from '#/components/dms/LeaveConvoPrompt' -import {ReportConversationPrompt} from '#/components/dms/ReportConversationPrompt' import {ArrowBoxLeft_Stroke2_Corner0_Rounded as LeaveIcon} from '#/components/icons/ArrowBoxLeft' -import {Flag_Stroke2_Corner0_Rounded as FlagIcon} from '#/components/icons/Flag' -import {PersonCheck_Stroke2_Corner0_Rounded as PersonCheckIcon} from '#/components/icons/Person' +import { + PersonCheck_Stroke2_Corner0_Rounded as PersonCheckIcon, + PersonX_Stroke2_Corner0_Rounded as PersonXIcon, +} from '#/components/icons/Person' import {Text} from '#/components/Typography' import type * as bsky from '#/types/bsky' @@ -28,13 +28,11 @@ export function MessagesListBlockedFooter({ moderation: ModerationDecision }) { const t = useTheme() - const {gtMobile} = useBreakpoints() const {t: l} = useLingui() const recipient = useProfileShadow(initialRecipient) const [_queueBlock, queueUnblock] = useProfileBlockMutationQueue(recipient) const leaveConvoControl = useDialogControl() - const reportControl = useDialogControl() const blockedByListControl = useDialogControl() const {listBlocks, userBlock} = useMemo(() => { @@ -59,77 +57,73 @@ export function MessagesListBlockedFooter({ }, [blockedByListControl, listBlocks, queueUnblock]) return ( - - - - {isBlocking - ? l`You are blocking this user` - : l`This user is blocking you`} - - - - - {isBlocking && gtMobile && ( + + + + + {isBlocking + ? l`You are blocking this person` + : l`This person is blocking you`} + + + You can read chat history but can’t send new messages. + + {isBlocking ? ( - )} - - {isBlocking && !gtMobile && ( + ) : null} - )} - - - + + + ) } diff --git a/src/screens/Messages/components/ChatDisabled.tsx b/src/screens/Messages/components/ChatDisabled.tsx index 6684c66f4e..866f0029d7 100644 --- a/src/screens/Messages/components/ChatDisabled.tsx +++ b/src/screens/Messages/components/ChatDisabled.tsx @@ -67,10 +67,10 @@ function AppealDialog() {