Fix up no-unauthenticated posts
This commit is contained in:
@@ -0,0 +1,32 @@
|
||||
import {View} from 'react-native'
|
||||
import {Trans} from '@lingui/macro'
|
||||
|
||||
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 ThreadItemAnchorNoUnauthenticated() {
|
||||
const t = useTheme()
|
||||
|
||||
return (
|
||||
<View style={[a.p_lg, a.gap_md]}>
|
||||
<Skele.Row style={[a.align_center, a.gap_md]}>
|
||||
<Skele.Circle size={42}>
|
||||
<LockIcon size="md" fill={t.atoms.text_contrast_medium.color} />
|
||||
</Skele.Circle>
|
||||
|
||||
<Skele.Col>
|
||||
<Skele.Text style={[a.text_lg, {width: '20%'}]} />
|
||||
<Skele.Text blend style={[a.text_md, {width: '40%'}]} />
|
||||
</Skele.Col>
|
||||
</Skele.Row>
|
||||
|
||||
<View style={[a.py_sm]}>
|
||||
<Text style={[a.text_xl, a.italic, t.atoms.text_contrast_medium]}>
|
||||
<Trans>You must sign-in to view this post.</Trans>
|
||||
</Text>
|
||||
</View>
|
||||
</View>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user