diff options
| author | dan <dan.abramov@gmail.com> | 2024-10-29 21:42:37 +0000 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-10-29 21:42:37 +0000 |
| commit | ba802eb0f24d30467dd8621f204526d6457f9613 (patch) | |
| tree | cebdda251b3bbb0cb82e7052617ed2ddd90f2a7f /src/view/com/post/Post.tsx | |
| parent | c8f264b78b1dfb95f68bfb820bd012828cd5fddc (diff) | |
| download | voidsky-ba802eb0f24d30467dd8621f204526d6457f9613.tar.zst | |
Add subtle web hover to interactive rows (#5989)
* Add subtle web hover to interactive rows * Adjust numbers * Ignore touch devices
Diffstat (limited to 'src/view/com/post/Post.tsx')
| -rw-r--r-- | src/view/com/post/Post.tsx | 11 |
1 files changed, 10 insertions, 1 deletions
diff --git a/src/view/com/post/Post.tsx b/src/view/com/post/Post.tsx index ec730a5e1..c87e361e1 100644 --- a/src/view/com/post/Post.tsx +++ b/src/view/com/post/Post.tsx @@ -27,6 +27,7 @@ import {AviFollowButton} from '#/view/com/posts/AviFollowButton' import {atoms as a} from '#/alf' import {ProfileHoverCard} from '#/components/ProfileHoverCard' import {RichText} from '#/components/RichText' +import {SubtleWebHover} from '#/components/SubtleWebHover' import {ContentHider} from '../../../components/moderation/ContentHider' import {LabelsOnMyPost} from '../../../components/moderation/LabelsOnMe' import {PostAlerts} from '../../../components/moderation/PostAlerts' @@ -148,6 +149,7 @@ function PostInner({ const {currentAccount} = useSession() const isMe = replyAuthorDid === currentAccount?.did + const [hover, setHover] = React.useState(false) return ( <Link href={itemHref} @@ -157,7 +159,14 @@ function PostInner({ !hideTopBorder && {borderTopWidth: StyleSheet.hairlineWidth}, style, ]} - onBeforePress={onBeforePress}> + onBeforePress={onBeforePress} + onPointerEnter={() => { + setHover(true) + }} + onPointerLeave={() => { + setHover(false) + }}> + <SubtleWebHover hover={hover} /> {showReplyLine && <View style={styles.replyLine} />} <View style={styles.layout}> <View style={styles.layoutAvi}> |