Merge pull request #20260 from Skalakid/17058-migrate-AvatarCropModal

17058 - migrate AvatarCropModal to PressableWithoutFeedback
Expensify · Jun 21, 2023 · 62323c4 · 62323c4
2 parents cba7b46 + c1115b8
commit 62323c4
Showing 1 changed file with 6 additions and 3 deletions.
diff --git 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 @@ function 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}