import React from 'react' import {StyleSheet, View} from 'react-native' import Svg, {Circle, Line} from 'react-native-svg' import {AtUri} from '@atproto/api' import {msg} from '@lingui/macro' import {useLingui} from '@lingui/react' import {usePalette} from '#/lib/hooks/usePalette' import {makeProfileLink} from '#/lib/routes/links' import {useInteractionState} from '#/components/hooks/useInteractionState' import {SubtleWebHover} from '#/components/SubtleWebHover' import {Link} from '../util/Link' import {Text} from '../util/text/Text' export function ViewFullThread({uri}: {uri: string}) { const { state: hover, onIn: onHoverIn, onOut: onHoverOut, } = useInteractionState() const pal = usePalette('default') const itemHref = React.useMemo(() => { const urip = new AtUri(uri) return makeProfileLink({did: urip.hostname, handle: ''}, 'post', urip.rkey) }, [uri]) const {_} = useLingui() return ( {/* HACKFIX: Trans isn't working after SDK 53 upgrade -sfn */} {_(msg`View full thread`)} ) } const styles = StyleSheet.create({ viewFullThread: { flexDirection: 'row', gap: 10, paddingLeft: 18, }, viewFullThreadDots: { width: 42, alignItems: 'center', }, })