Bluesky app fork with some witchin' additions 💫 forked from jollywhoppers.com/witchsky.app
Something went wrong. Try again.
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566import * as React from 'react'import {View} from 'react-native'import {AppBskyFeedDefs, AtUri} from '@atproto/api'import {Trans} from '@lingui/macro'
import {makeProfileLink} from '#/lib/routes/links'import {atoms as a, useTheme} from '#/alf'import {Text} from '#/components/Typography'import {Link} from '../util/Link'import {UserAvatar} from '../util/UserAvatar'
export function PostThreadLoadMore({post}: {post: AppBskyFeedDefs.PostView}) { const t = useTheme()
const postHref = React.useMemo(() => { const urip = new AtUri(post.uri) return makeProfileLink(post.author, 'post', urip.rkey) }, [post.uri, post.author])
return ( <Link href={postHref} style={[a.flex_row, a.align_center, a.py_md, {paddingHorizontal: 14}]} hoverStyle={[t.atoms.bg_contrast_25]}> <View style={[a.flex_row]}> <View style={{ alignItems: 'center', justifyContent: 'center', width: 34, height: 34, borderRadius: 18, backgroundColor: t.atoms.bg.backgroundColor, marginRight: -20, }}> <UserAvatar avatar={post.author.avatar} size={30} type={post.author.associated?.labeler ? 'labeler' : 'user'} /> </View> <View style={{ alignItems: 'center', justifyContent: 'center', width: 34, height: 34, borderRadius: 18, backgroundColor: t.atoms.bg.backgroundColor, }}> <UserAvatar avatar={post.author.avatar} size={30} type={post.author.associated?.labeler ? 'labeler' : 'user'} /> </View> </View> <View style={[a.px_sm]}> <Text style={[{color: t.palette.primary_500}, a.text_md]}> <Trans>Continue thread...</Trans> </Text> </View> </Link> )}