From 763a50692f39074a2cc264df347bccd43bcd79a7 Mon Sep 17 00:00:00 2001
From: Paul Frazee <pfrazee@gmail.com>
Date: Fri, 15 Sep 2023 14:01:44 -0700
Subject: Readd hitslop to post controls (#1461)

* Readd hitslop to post controls

* Bigger hitslop on bigger controls
---
 src/view/com/util/post-ctrls/PostCtrls.tsx    | 7 +++++--
 src/view/com/util/post-ctrls/RepostButton.tsx | 4 +++-
 2 files changed, 8 insertions(+), 3 deletions(-)

(limited to 'src')

diff --git a/src/view/com/util/post-ctrls/PostCtrls.tsx b/src/view/com/util/post-ctrls/PostCtrls.tsx
index c71100df0..5769a478b 100644
--- a/src/view/com/util/post-ctrls/PostCtrls.tsx
+++ b/src/view/com/util/post-ctrls/PostCtrls.tsx
@@ -15,6 +15,7 @@ import {useTheme} from 'lib/ThemeContext'
 import {useStores} from 'state/index'
 import {RepostButton} from './RepostButton'
 import {Haptics} from 'lib/haptics'
+import {HITSLOP_10, HITSLOP_20} from 'lib/constants'
 
 interface PostCtrlsOpts {
   itemUri: string
@@ -106,7 +107,8 @@ export function PostCtrls(opts: PostCtrlsOpts) {
         accessibilityLabel={`Reply (${opts.replyCount} ${
           opts.replyCount === 1 ? 'reply' : 'replies'
         })`}
-        accessibilityHint="reply composer">
+        accessibilityHint=""
+        hitSlop={opts.big ? HITSLOP_20 : HITSLOP_10}>
         <CommentBottomArrow
           style={[defaultCtrlColor, opts.big ? s.mt2 : styles.mt1]}
           strokeWidth={3}
@@ -127,7 +129,8 @@ export function PostCtrls(opts: PostCtrlsOpts) {
         accessibilityLabel={`${opts.isLiked ? 'Unlike' : 'Like'} (${
           opts.likeCount
         } ${pluralize(opts.likeCount || 0, 'like')})`}
-        accessibilityHint="">
+        accessibilityHint=""
+        hitSlop={opts.big ? HITSLOP_20 : HITSLOP_10}>
         {opts.isLiked ? (
           <HeartIconSolid
             style={styles.ctrlIconLiked}
diff --git a/src/view/com/util/post-ctrls/RepostButton.tsx b/src/view/com/util/post-ctrls/RepostButton.tsx
index 374d06515..9c4ed8e5d 100644
--- a/src/view/com/util/post-ctrls/RepostButton.tsx
+++ b/src/view/com/util/post-ctrls/RepostButton.tsx
@@ -6,6 +6,7 @@ import {useTheme} from 'lib/ThemeContext'
 import {Text} from '../text/Text'
 import {pluralize} from 'lib/strings/helpers'
 import {useStores} from 'state/index'
+import {HITSLOP_10, HITSLOP_20} from 'lib/constants'
 
 interface Props {
   isReposted: boolean
@@ -50,7 +51,8 @@ export const RepostButton = ({
       accessibilityLabel={`${
         isReposted ? 'Undo repost' : 'Repost'
       } (${repostCount} ${pluralize(repostCount || 0, 'repost')})`}
-      accessibilityHint="">
+      accessibilityHint=""
+      hitSlop={big ? HITSLOP_20 : HITSLOP_10}>
       <RepostIcon
         style={
           isReposted
-- 
cgit 1.4.1