Merge pull request #1900 from synonymdev/fix/increase-hit-slop

fix(ui): Increase icon hitSlop
synonymdev · May 28, 2024 · 3796c11 · 3796c11
2 parents e545637 + 4964b83
commit 3796c11
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/src/screens/Contacts/AddContact.tsx b/src/screens/Contacts/AddContact.tsx
@@ -114,10 +114,10 @@ const AddContact = ({
 						onChange={handleChangeUrl}
 						testID="ContactURLInput"
 						color={error ? 'brand' : undefined}>
-						<TouchableOpacity onPress={handleScanner}>
+						<TouchableOpacity hitSlop={styles.hitSlop} onPress={handleScanner}>
 							<CornersOutIcon width={24} height={24} color="brand" />
 						</TouchableOpacity>
-						<TouchableOpacity onPress={handlePaste}>
+						<TouchableOpacity hitSlop={styles.hitSlop} onPress={handlePaste}>
 							<ClipboardTextIcon width={24} height={24} color="brand" />
 						</TouchableOpacity>
 					</LabeledInput>
@@ -152,6 +152,12 @@ const styles = StyleSheet.create({
 	button: {
 		marginTop: 'auto',
 	},
+	hitSlop: {
+		top: 10,
+		bottom: 10,
+		left: 10,
+		right: 10,
+	},
 });
 
 export default AddContact;