Something went wrong. Try again.
Bluesky app fork with some witchin' additions 💫 forked from jollywhoppers.com/witchsky.app
Something went wrong. Try again.
2.2 kB · 77 lines
TSX
at main
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778import {View} from 'react-native'import {Trans} from '@lingui/macro'
import {type ThreadItem} from '#/state/queries/usePostThread/types'import { LINEAR_AVI_WIDTH, OUTER_SPACE, REPLY_LINE_WIDTH,} from '#/screens/PostThread/const'import {atoms as a, useTheme} from '#/alf'import {Lock_Stroke2_Corner0_Rounded as LockIcon} from '#/components/icons/Lock'import * as Skele from '#/components/Skeleton'import {Text} from '#/components/Typography'
export function ThreadItemPostNoUnauthenticated({ item,}: { item: Extract<ThreadItem, {type: 'threadPostNoUnauthenticated'}>}) { const t = useTheme()
return ( <View style={[{paddingHorizontal: OUTER_SPACE}]}> <View style={[a.flex_row, {height: 12}]}> <View style={{width: LINEAR_AVI_WIDTH}}> {item.ui.showParentReplyLine && ( <View style={[ a.mx_auto, a.flex_1, a.mb_xs, { width: REPLY_LINE_WIDTH, backgroundColor: t.atoms.border_contrast_low.borderColor, }, ]} /> )} </View> </View> <Skele.Row style={[a.align_center, a.gap_md]}> <Skele.Circle size={LINEAR_AVI_WIDTH}> <LockIcon size="md" fill={t.atoms.text_contrast_medium.color} /> </Skele.Circle>
<Text style={[a.text_md, a.italic, t.atoms.text_contrast_medium]}> <Trans> This author has chosen to make their posts visible only to people who are signed in. </Trans> </Text> </Skele.Row> <View style={[ a.flex_row, a.justify_center, { height: OUTER_SPACE / 1.5, width: LINEAR_AVI_WIDTH, }, ]}> {item.ui.showChildReplyLine && ( <View style={[ a.mt_xs, a.h_full, { width: REPLY_LINE_WIDTH, backgroundColor: t.atoms.border_contrast_low.borderColor, }, ]} /> )} </View> </View> )}