jollywhoppers.com
Bluesky app fork with some witchin' additions 馃挮
witchsky.app
bluesky
fork
client
samuel.fm
1import {View} from 'react-native'
2import {Trans} from '@lingui/react/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>
28 This author has chosen to make their posts visible only to people
29 who are signed in.
30 </Trans>
31 </Text>
32 </View>
33 </View>
34 )
35}