From 04a559b9a27cdd8e8d4c9c4f0c37b3432e9679fc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Ska=C5=82ka?= <michal.skalka@swmansion.com>
Date: Fri, 2 Jun 2023 17:34:54 +0200
Subject: [PATCH] migrated TaskHeader to PressableWithFeedback

---
 src/components/TaskHeader.js | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/components/TaskHeader.js b/src/components/TaskHeader.js
index 850271049fe1..4cf8e44254d2 100644
--- a/src/components/TaskHeader.js
+++ b/src/components/TaskHeader.js
@@ -1,5 +1,5 @@
 import React, {useEffect} from 'react';
-import {View, TouchableOpacity} from 'react-native';
+import {View} from 'react-native';
 import PropTypes from 'prop-types';
 import lodashGet from 'lodash/get';
 import _ from 'underscore';
@@ -22,6 +22,7 @@ import MenuItemWithTopDescription from './MenuItemWithTopDescription';
 import Button from './Button';
 import * as TaskUtils from '../libs/actions/Task';
 import * as UserUtils from '../libs/UserUtils';
+import PressableWithFeedback from './Pressable/PressableWithFeedback';
 
 const propTypes = {
     /** The report currently being looked at */
@@ -50,9 +51,13 @@ function TaskHeader(props) {
             <View style={[{backgroundColor: themeColors.highlightBG}, styles.pl0]}>
                 <View style={[styles.ph5, styles.pb5]}>
                     <Text style={[styles.textLabelSupporting, styles.lh16]}>{props.translate('common.to')}</Text>
-                    <TouchableOpacity
+                    <PressableWithFeedback
                         onPress={() => Navigation.navigate(ROUTES.getTaskReportAssigneeRoute(props.report.reportID))}
                         disabled={!isOpen}
+                        accessibilityRole="button"
+                        accessibilityLabel={props.translate('newTaskPage.assignee')}
+                        hoverDimmingValue={1}
+                        pressDimmingValue={0.2}
                     >
                         <View style={[styles.flexRow, styles.alignItemsCenter, styles.justifyContentBetween, styles.pv3]}>
                             <View style={[styles.flexRow, styles.alignItemsCenter, styles.justifyContentBetween]}>
@@ -97,7 +102,7 @@ function TaskHeader(props) {
                                 )}
                             </View>
                         </View>
-                    </TouchableOpacity>
+                    </PressableWithFeedback>
                 </View>
             </View>
             <MenuItemWithTopDescription