Bluesky app fork with some witchin' additions 馃挮
1import {View} from 'react-native'
2import {Trans} from '@lingui/react/macro'
3
4import {useEnableSquareAvatars} from '#/state/preferences/enable-square-avatars'
5import {atoms as a, useTheme} from '#/alf'
6import {Lock_Stroke2_Corner0_Rounded as LockIcon} from '#/components/icons/Lock'
7import * as Skele from '#/components/Skeleton'
8import {Text} from '#/components/Typography'
9
10export function ThreadItemAnchorNoUnauthenticated() {
11 const t = useTheme()
12 const enableSquareAvatars = useEnableSquareAvatars()
13
14 return (
15 <View style={[a.p_lg, a.gap_md]}>
16 <Skele.Row style={[a.align_center, a.gap_md]}>
17 <Skele.Circle
18 size={42}
19 style={enableSquareAvatars && {borderRadius: 8}}>
20 <LockIcon size="md" fill={t.atoms.text_contrast_medium.color} />
21 </Skele.Circle>
22
23 <Skele.Col>
24 <Skele.Text style={[a.text_lg, {width: '20%'}]} />
25 <Skele.Text blend style={[a.text_md, {width: '40%'}]} />
26 </Skele.Col>
27 </Skele.Row>
28
29 <View style={[a.py_sm]}>
30 <Text style={[a.text_xl, a.italic, t.atoms.text_contrast_medium]}>
31 <Trans>
32 This author has chosen to make their posts visible only to people
33 who are signed in.
34 </Trans>
35 </Text>
36 </View>
37 </View>
38 )
39}