forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
Add hovercards to "Reply To" (#3587)
* Add hovercard for Reply To
* Tweak durations
+20
-15
+3
-3
src/components/ProfileHoverCard/index.web.tsx
+3
-3
src/components/ProfileHoverCard/index.web.tsx
···
72
72
| 'unhovered-long-enough'
73
73
| 'finished-animating-hide'
74
74
75
-
const SHOW_DELAY = 350
75
+
const SHOW_DELAY = 400
76
76
const SHOW_DURATION = 300
77
-
const HIDE_DELAY = 200
78
-
const HIDE_DURATION = 200
77
+
const HIDE_DELAY = 150
78
+
const HIDE_DURATION = 150
79
79
80
80
export function ProfileHoverCardInner(props: ProfileHoverCardProps) {
81
81
const {refs, floatingStyles} = useFloating({
+9
-6
src/view/com/post/Post.tsx
+9
-6
src/view/com/post/Post.tsx
···
23
23
import {colors, s} from 'lib/styles'
24
24
import {RQKEY as RQKEY_URI} from 'state/queries/resolve-uri'
25
25
import {atoms as a} from '#/alf'
26
+
import {ProfileHoverCard} from '#/components/ProfileHoverCard'
26
27
import {RichText} from '#/components/RichText'
27
28
import {ContentHider} from '../../../components/moderation/ContentHider'
28
29
import {LabelsOnMyPost} from '../../../components/moderation/LabelsOnMe'
···
176
177
numberOfLines={1}>
177
178
<Trans context="description">
178
179
Reply to{' '}
179
-
<UserInfoText
180
-
type="sm"
181
-
did={replyAuthorDid}
182
-
attr="displayName"
183
-
style={[pal.textLight]}
184
-
/>
180
+
<ProfileHoverCard inline did={replyAuthorDid}>
181
+
<UserInfoText
182
+
type="sm"
183
+
did={replyAuthorDid}
184
+
attr="displayName"
185
+
style={[pal.textLight]}
186
+
/>
187
+
</ProfileHoverCard>
185
188
</Trans>
186
189
</Text>
187
190
</View>
+8
-6
src/view/com/posts/FeedItem.tsx
+8
-6
src/view/com/posts/FeedItem.tsx
···
284
284
numberOfLines={1}>
285
285
<Trans context="description">
286
286
Reply to{' '}
287
-
<UserInfoText
288
-
type="md"
289
-
did={replyAuthorDid}
290
-
attr="displayName"
291
-
style={[pal.textLight]}
292
-
/>
287
+
<ProfileHoverCard inline did={replyAuthorDid}>
288
+
<UserInfoText
289
+
type="md"
290
+
did={replyAuthorDid}
291
+
attr="displayName"
292
+
style={[pal.textLight]}
293
+
/>
294
+
</ProfileHoverCard>
293
295
</Trans>
294
296
</Text>
295
297
</View>