Merge pull request #20775 from robertKozik/20604-migrate-TaskPreview

20604 — Migrate TaskPreview to PressableWithoutFeedback
Expensify · Jun 16, 2023 · 83ab016 · 83ab016
2 parents d3afedb + b65a1c6
commit 83ab016
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/src/components/ReportActionItem/TaskPreview.js b/src/components/ReportActionItem/TaskPreview.js
@@ -1,5 +1,5 @@
 import React from 'react';
-import {View, Pressable} from 'react-native';
+import {View} from 'react-native';
 import PropTypes from 'prop-types';
 import {withOnyx} from 'react-native-onyx';
 import compose from '../../libs/compose';
@@ -17,6 +17,7 @@ import ROUTES from '../../ROUTES';
 import reportActionPropTypes from '../../pages/home/report/reportActionPropTypes';
 import * as TaskUtils from '../../libs/actions/Task';
 import RenderHTML from '../RenderHTML';
+import PressableWithoutFeedback from '../Pressable/PressableWithoutFeedback';
 
 const propTypes = {
     /** The ID of the associated taskReport */
@@ -61,9 +62,11 @@ function TaskPreview(props) {
     const htmlForTaskPreview = taskAssignee ? `<comment><mention-user>@${taskAssignee}</mention-user> ${taskTitle}</comment>` : `<comment>${taskTitle}</comment>`;
 
     return (
-        <Pressable
+        <PressableWithoutFeedback
             onPress={() => Navigation.navigate(ROUTES.getReportRoute(props.taskReportID))}
             style={[styles.flexRow, styles.justifyContentBetween]}
+            accessibilityRole="button"
+            accessibilityLabel={props.translate('newTaskPage.task')}
         >
             <View style={[styles.flex1, styles.flexRow, styles.alignItemsCenter]}>
                 <Checkbox
@@ -85,7 +88,7 @@ function TaskPreview(props) {
                 src={Expensicons.ArrowRight}
                 fill={StyleUtils.getIconFillColor(getButtonState(props.isHovered))}
             />
-        </Pressable>
+        </PressableWithoutFeedback>
     );
 }