diff --git a/src/components/moderation/ContentHider.tsx b/src/components/moderation/ContentHider.tsx index c3df018d96..2df243cbb7 100644 --- a/src/components/moderation/ContentHider.tsx +++ b/src/components/moderation/ContentHider.tsx @@ -61,7 +61,11 @@ export function ContentHider({ }} label={desc.name} accessibilityHint={ - override ? _(msg`Hide the content`) : _(msg`Show the content`) + modui.noOverride + ? _(msg`Learn more about the moderation applied to this content.`) + : override + ? _(msg`Hide the content`) + : _(msg`Show the content`) }> {state => ( { control.open() }} - label={_(msg`Learn more`)} + label={_( + msg`Learn more about the moderation applied to this content.`, + )} style={[a.pt_sm]}> {state => ( diff --git a/src/components/moderation/ModerationDetailsDialog.tsx b/src/components/moderation/ModerationDetailsDialog.tsx index 42b1f86186..95f54fb38b 100644 --- a/src/components/moderation/ModerationDetailsDialog.tsx +++ b/src/components/moderation/ModerationDetailsDialog.tsx @@ -7,10 +7,10 @@ import {ModerationCause} from '@atproto/api' import {listUriToHref} from '#/lib/strings/url-helpers' import {useModerationCauseDescription} from '#/lib/moderation/useModerationCauseDescription' -import {useTheme, atoms as a, useBreakpoints} from '#/alf' +import {isNative} from '#/platform/detection' +import {useTheme, atoms as a} from '#/alf' import {Text} from '#/components/Typography' import * as Dialog from '#/components/Dialog' -import {Button} from '#/components/Button' import {InlineLink} from '#/components/Link' import {makeProfileLink} from '#/lib/routes/links' @@ -39,7 +39,6 @@ function ModerationDetailsDialogInner({ const t = useTheme() const {_} = useLingui() const desc = useModerationCauseDescription(modcause) - const {gtMobile} = useBreakpoints() let name let description @@ -110,28 +109,16 @@ function ModerationDetailsDialogInner({ } return ( - - + + {name} - + {description} + {modcause.type === 'label' && ( - + This label was applied by{' '} @@ -145,17 +132,10 @@ function ModerationDetailsDialogInner({ )} - - - + + {isNative && } + + ) }