forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 馃挮
1import {View} from 'react-native'
2
3import {useEnableSquareAvatars} from '#/state/preferences/enable-square-avatars'
4import {atoms as a, useBreakpoints, useTheme} from '#/alf'
5import * as Skele from '#/components/Skeleton'
6
7export function ThreadItemReplyComposerSkeleton() {
8 const t = useTheme()
9 const {gtMobile} = useBreakpoints()
10 const enableSquareAvatars = useEnableSquareAvatars()
11
12 if (!gtMobile) return null
13
14 return (
15 <View style={[a.px_sm, a.py_xs, a.border_t, t.atoms.border_contrast_low]}>
16 <View style={[a.flex_row, a.align_center, a.gap_sm, a.px_sm, a.py_sm]}>
17 <Skele.Circle
18 size={24}
19 style={enableSquareAvatars && {borderRadius: 8}}
20 />
21 <Skele.Text style={[a.text_md, {maxWidth: 119}]} />
22 </View>
23 </View>
24 )
25}