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

Add hovercards to "Reply To" (#3587) 

* Add hovercard for Reply To

* Tweak durations
zio/stable
dan 2024-04-16 23:44:41 +01:00 committed by GitHub
parent 1e26654a9b
commit 480fa10e0b
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 20 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/ProfileHoverCard/index.web.tsx
View File

@ -72,10 +72,10 @@ type Action =
| 'unhovered-long-enough' | 'unhovered-long-enough'
| 'finished-animating-hide' | 'finished-animating-hide'
const SHOW_DELAY = 350 const SHOW_DELAY = 400
const SHOW_DURATION = 300 const SHOW_DURATION = 300
const HIDE_DELAY = 200 const HIDE_DELAY = 150
const HIDE_DURATION = 200 const HIDE_DURATION = 150
export function ProfileHoverCardInner(props: ProfileHoverCardProps) { export function ProfileHoverCardInner(props: ProfileHoverCardProps) {
const {refs, floatingStyles} = useFloating({ const {refs, floatingStyles} = useFloating({

15
src/view/com/post/Post.tsx
View File

@ -23,6 +23,7 @@ import {countLines} from 'lib/strings/helpers'
import {colors, s} from 'lib/styles' import {colors, s} from 'lib/styles'
import {RQKEY as RQKEY_URI} from 'state/queries/resolve-uri' import {RQKEY as RQKEY_URI} from 'state/queries/resolve-uri'
import {atoms as a} from '#/alf' import {atoms as a} from '#/alf'
import {ProfileHoverCard} from '#/components/ProfileHoverCard'
import {RichText} from '#/components/RichText' import {RichText} from '#/components/RichText'
import {ContentHider} from '../../../components/moderation/ContentHider' import {ContentHider} from '../../../components/moderation/ContentHider'
import {LabelsOnMyPost} from '../../../components/moderation/LabelsOnMe' import {LabelsOnMyPost} from '../../../components/moderation/LabelsOnMe'
@ -176,12 +177,14 @@ function PostInner({
numberOfLines={1}> numberOfLines={1}>
<Trans context="description"> <Trans context="description">
Reply to{' '} Reply to{' '}
<UserInfoText <ProfileHoverCard inline did={replyAuthorDid}>
type="sm" <UserInfoText
did={replyAuthorDid} type="sm"
attr="displayName" did={replyAuthorDid}
style={[pal.textLight]} attr="displayName"
/> style={[pal.textLight]}
/>
</ProfileHoverCard>
</Trans> </Trans>
</Text> </Text>
</View> </View>

14
src/view/com/posts/FeedItem.tsx
View File

@ -284,12 +284,14 @@ let FeedItemInner = ({
numberOfLines={1}> numberOfLines={1}>
<Trans context="description"> <Trans context="description">
Reply to{' '} Reply to{' '}
<UserInfoText <ProfileHoverCard inline did={replyAuthorDid}>
type="md" <UserInfoText
did={replyAuthorDid} type="md"
attr="displayName" did={replyAuthorDid}
style={[pal.textLight]} attr="displayName"
/> style={[pal.textLight]}
/>
</ProfileHoverCard>
</Trans> </Trans>
</Text> </Text>
</View> </View>