diff --git a/src/screens/List/ListHiddenScreen.tsx b/src/screens/List/ListHiddenScreen.tsx index 25089509c7..4a72152c7a 100644 --- a/src/screens/List/ListHiddenScreen.tsx +++ b/src/screens/List/ListHiddenScreen.tsx @@ -6,6 +6,7 @@ import {useLingui} from '@lingui/react' import {logger} from '#/logger' import {useGoBack} from 'lib/hooks/useGoBack' +import {isWeb} from 'platform/detection' import { useListBlockMutation, useListDeleteMutation, @@ -21,6 +22,7 @@ import {CenteredView} from 'view/com/util/Views' import {atoms as a, useBreakpoints, useTheme} from '#/alf' import {Button, ButtonText} from '#/components/Button' import {EyeSlash_Stroke2_Corner0_Rounded as EyeSlash} from '#/components/icons/EyeSlash' +import {useScreenHider} from '#/components/moderation/Hider' import {Text} from '#/components/Typography' export function ListHiddenScreen({ @@ -35,6 +37,7 @@ export function ListHiddenScreen({ const {currentAccount} = useSession() const {gtMobile} = useBreakpoints() const isOwner = currentAccount?.did === list.creator.did + const {showInfoDialog} = useScreenHider() const goBack = useGoBack() const isModList = list.purpose === 'app.bsky.graph.defs#modlist' @@ -127,13 +130,13 @@ export function ListHiddenScreen({ {paddingTop: 175, paddingBottom: 110}, ]} sideBorders={true}> - + - + List hidden @@ -144,6 +147,7 @@ export function ListHiddenScreen({ a.px_md, t.atoms.text_contrast_high, {lineHeight: 1.4}, + isWeb && {maxWidth: 450}, ]}> {isOwner ? ( @@ -153,7 +157,17 @@ export function ListHiddenScreen({ ) : ( The list you are trying to view has been hidden. - )} + )}{' '} + + {isWeb ? ( + Click here to learn more + ) : ( + Tap here to learn more + )} + + .