zio/bsky-app
2
0
Fork 0
Code Pull requests Releases Packages Activity

Profile hovers (#3518)

Browse source 
* Add hover card for mentions

* Reposted by

* Fix key

* Add to composer reply to
This commit is contained in:
Eric Bailey 2024-04-13 00:13:53 -05:00 • committed by GitHub
parent a845587e1f
commit f5bb348bf5
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
5 changed files with 64 additions and 49 deletions
Download patch file Download diff file Expand all files Collapse all files

22
src/components/RichText.tsx
View file

@ -8,6 +8,7 @@ import {isNative} from '#/platform/detection'
import {atoms as a, flatten, native, TextStyleProp, useTheme, web} from '#/alf'
import {useInteractionState} from '#/components/hooks/useInteractionState'
import {InlineLinkText, LinkProps} from '#/components/Link'
import {ProfileHoverCard} from '#/components/ProfileHoverCard'
import {TagMenu, useTagMenuControl} from '#/components/TagMenu'
import {Text, TextProps} from '#/components/Typography'
@ -86,16 +87,17 @@ export function RichText({
!disableLinks
) {
els.push(
<InlineLinkText
selectable={selectable}
key={key}
to={`/profile/${mention.did}`}
style={[...styles, {pointerEvents: 'auto'}]}
// @ts-ignore TODO
dataSet={WORD_WRAP}
onPress={onLinkPress}>
{segment.text}
</InlineLinkText>,
<ProfileHoverCard key={key} inline did={mention.did}>
<InlineLinkText
selectable={selectable}
to={`/profile/${mention.did}`}
style={[...styles, {pointerEvents: 'auto'}]}
// @ts-ignore TODO
dataSet={WORD_WRAP}
onPress={onLinkPress}>
{segment.text}
</InlineLinkText>
</ProfileHoverCard>,
)
} else if (link && AppBskyRichtextFacet.validateLink(link).success) {
if (disableLinks) {