From e551db946633ed5f694f0020bd3c3f9f64d89862 Mon Sep 17 00:00:00 2001
From: Paul Frazee <pfrazee@gmail.com>
Date: Thu, 2 Nov 2023 11:58:26 -0700
Subject: [PATCH] Fix hitslops

---
 src/view/screens/SavedFeeds.tsx | 19 +++++++++++++++----
 1 file changed, 15 insertions(+), 4 deletions(-)

diff --git a/src/view/screens/SavedFeeds.tsx b/src/view/screens/SavedFeeds.tsx
index aa76208028..5a6416fc40 100644
--- a/src/view/screens/SavedFeeds.tsx
+++ b/src/view/screens/SavedFeeds.tsx
@@ -26,10 +26,21 @@ import {FontAwesomeIcon} from '@fortawesome/react-native-fontawesome'
 import * as Toast from 'view/com/util/Toast'
 import {Haptics} from 'lib/haptics'
 import {TextLink} from 'view/com/util/Link'
-import {HITSLOP_20} from 'lib/constants'
 
-type Props = NativeStackScreenProps<CommonNavigatorParams, 'SavedFeeds'>
+const HITSLOP_TOP = {
+  top: 20,
+  left: 20,
+  bottom: 5,
+  right: 20,
+}
+const HITSLOP_BOTTOM = {
+  top: 5,
+  left: 20,
+  bottom: 20,
+  right: 20,
+}
 
+type Props = NativeStackScreenProps<CommonNavigatorParams, 'SavedFeeds'>
 export const SavedFeeds = withAuthRequired(
   observer(function SavedFeedsImpl({}: Props) {
     const pal = usePalette('default')
@@ -184,7 +195,7 @@ const ListItem = observer(function ListItemImpl({
           <TouchableOpacity
             accessibilityRole="button"
             onPress={onPressUp}
-            hitSlop={HITSLOP_20}>
+            hitSlop={HITSLOP_TOP}>
             <FontAwesomeIcon
               icon="arrow-up"
               size={12}
@@ -194,7 +205,7 @@ const ListItem = observer(function ListItemImpl({
           <TouchableOpacity
             accessibilityRole="button"
             onPress={onPressDown}
-            hitSlop={HITSLOP_20}>
+            hitSlop={HITSLOP_BOTTOM}>
             <FontAwesomeIcon icon="arrow-down" size={12} style={[pal.text]} />
           </TouchableOpacity>
         </View>