From c1115b8d31986c28e03ba1f4bf8fd909ce70b134 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Ska=C5=82ka?= <michal.skalka@swmansion.com>
Date: Tue, 6 Jun 2023 14:31:27 +0200
Subject: [PATCH] migrated AvatarCropModal to PressableWithoutFeedback

---
 src/components/AvatarCropModal/AvatarCropModal.js | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/components/AvatarCropModal/AvatarCropModal.js b/src/components/AvatarCropModal/AvatarCropModal.js
index 025a0aa697ea..65820977da1b 100644
--- a/src/components/AvatarCropModal/AvatarCropModal.js
+++ b/src/components/AvatarCropModal/AvatarCropModal.js
@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
 import React, {useCallback, useEffect, useState} from 'react';
-import {ActivityIndicator, Image, View, Pressable} from 'react-native';
+import {ActivityIndicator, Image, View} from 'react-native';
 import {GestureHandlerRootView} from 'react-native-gesture-handler';
 import {runOnUI, interpolate, useAnimatedGestureHandler, useSharedValue, useWorkletCallback} from 'react-native-reanimated';
 import CONST from '../../CONST';
@@ -21,6 +21,7 @@ import cropOrRotateImage from '../../libs/cropOrRotateImage';
 import HeaderGap from '../HeaderGap';
 import * as StyleUtils from '../../styles/StyleUtils';
 import Tooltip from '../Tooltip';
+import PressableWithoutFeedback from '../Pressable/PressableWithoutFeedback';
 
 const propTypes = {
     /** Link to image for cropping */
@@ -396,16 +397,18 @@ const AvatarCropModal = (props) => {
                                 src={Expensicons.Zoom}
                                 fill={themeColors.icons}
                             />
-                            <Pressable
+                            <PressableWithoutFeedback
                                 style={[styles.mh5, styles.flex1]}
                                 onLayout={initializeSliderContainer}
                                 onPressIn={(e) => runOnUI(sliderOnPress)(e.nativeEvent.locationX)}
+                                accessibilityLabel="slider"
+                                accessibilityRole="adjustable"
                             >
                                 <Slider
                                     sliderValue={translateSlider}
                                     onGesture={panSliderGestureEventHandler}
                                 />
-                            </Pressable>
+                            </PressableWithoutFeedback>
                             <Tooltip
                                 text={props.translate('common.rotate')}
                                 shiftVertical={-2}