forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
Readd hitslop to post controls (#1461)
* Readd hitslop to post controls
* Bigger hitslop on bigger controls
authored by
Paul Frazee
and committed by
GitHub
763a5069
e3de9178
+8
-3
+5
-2
src/view/com/util/post-ctrls/PostCtrls.tsx
+5
-2
src/view/com/util/post-ctrls/PostCtrls.tsx
···
15
15
import {useStores} from 'state/index'
16
16
import {RepostButton} from './RepostButton'
17
17
import {Haptics} from 'lib/haptics'
18
+
import {HITSLOP_10, HITSLOP_20} from 'lib/constants'
18
19
19
20
interface PostCtrlsOpts {
20
21
itemUri: string
···
106
107
accessibilityLabel={`Reply (${opts.replyCount} ${
107
108
opts.replyCount === 1 ? 'reply' : 'replies'
108
109
})`}
109
-
accessibilityHint="reply composer">
110
+
accessibilityHint=""
111
+
hitSlop={opts.big ? HITSLOP_20 : HITSLOP_10}>
110
112
<CommentBottomArrow
111
113
style={[defaultCtrlColor, opts.big ? s.mt2 : styles.mt1]}
112
114
strokeWidth={3}
···
127
129
accessibilityLabel={`${opts.isLiked ? 'Unlike' : 'Like'} (${
128
130
opts.likeCount
129
131
} ${pluralize(opts.likeCount || 0, 'like')})`}
130
-
accessibilityHint="">
132
+
accessibilityHint=""
133
+
hitSlop={opts.big ? HITSLOP_20 : HITSLOP_10}>
131
134
{opts.isLiked ? (
132
135
<HeartIconSolid
133
136
style={styles.ctrlIconLiked}
+3
-1
src/view/com/util/post-ctrls/RepostButton.tsx
+3
-1
src/view/com/util/post-ctrls/RepostButton.tsx
···
6
6
import {Text} from '../text/Text'
7
7
import {pluralize} from 'lib/strings/helpers'
8
8
import {useStores} from 'state/index'
9
+
import {HITSLOP_10, HITSLOP_20} from 'lib/constants'
9
10
10
11
interface Props {
11
12
isReposted: boolean
···
50
51
accessibilityLabel={`${
51
52
isReposted ? 'Undo repost' : 'Repost'
52
53
} (${repostCount} ${pluralize(repostCount || 0, 'repost')})`}
53
-
accessibilityHint="">
54
+
accessibilityHint=""
55
+
hitSlop={big ? HITSLOP_20 : HITSLOP_10}>
54
56
<RepostIcon
55
57
style={
56
58
isReposted