An ATproto social media client -- with an independent Appview.
1import {View} from 'react-native'
2import {Trans} from '@lingui/macro'
3
4import {atoms as a, useTheme} from '#/alf'
5import {Lock_Stroke2_Corner0_Rounded as LockIcon} from '#/components/icons/Lock'
6import * as Skele from '#/components/Skeleton'
7import {Text} from '#/components/Typography'
8
9export function ThreadItemAnchorNoUnauthenticated() {
10 const t = useTheme()
11
12 return (
13 <View style={[a.p_lg, a.gap_md]}>
14 <Skele.Row style={[a.align_center, a.gap_md]}>
15 <Skele.Circle size={42}>
16 <LockIcon size="md" fill={t.atoms.text_contrast_medium.color} />
17 </Skele.Circle>
18
19 <Skele.Col>
20 <Skele.Text style={[a.text_lg, {width: '20%'}]} />
21 <Skele.Text blend style={[a.text_md, {width: '40%'}]} />
22 </Skele.Col>
23 </Skele.Row>
24
25 <View style={[a.py_sm]}>
26 <Text style={[a.text_xl, a.italic, t.atoms.text_contrast_medium]}>
27 <Trans>You must sign in to view this post.</Trans>
28 </Text>
29 </View>
30 </View>
31 )
32}