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} /> - runOnUI(sliderOnPress)(e.nativeEvent.locationX)} + accessibilityLabel="slider" + accessibilityRole="adjustable" > - +