From 72b8a5e6c06cbf7aed9d846189858d723bfde751 Mon Sep 17 00:00:00 2001
From: Robert Kozik <robert.kozik@swmansion.com>
Date: Wed, 7 Jun 2023 10:29:22 +0200
Subject: [PATCH] migrate ReportHeaderSkeletonView to PressableWithFeedback

---
 src/components/ReportHeaderSkeletonView.js | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/components/ReportHeaderSkeletonView.js b/src/components/ReportHeaderSkeletonView.js
index d972c9a93dea..a2f9aee5c8e4 100644
--- a/src/components/ReportHeaderSkeletonView.js
+++ b/src/components/ReportHeaderSkeletonView.js
@@ -1,5 +1,5 @@
 import React from 'react';
-import {Pressable, View} from 'react-native';
+import {View} from 'react-native';
 import {Rect, Circle} from 'react-native-svg';
 import SkeletonViewContentLoader from 'react-content-loader/native';
 import PropTypes from 'prop-types';
@@ -9,9 +9,13 @@ import * as Expensicons from './Icon/Expensicons';
 import withWindowDimensions, {windowDimensionsPropTypes} from './withWindowDimensions';
 import variables from '../styles/variables';
 import themeColors from '../styles/themes/default';
+import PressableWithFeedback from './Pressable/PressableWithFeedback';
+import compose from '../libs/compose';
+import withLocalize, {withLocalizePropTypes} from './withLocalize';
 
 const propTypes = {
     ...windowDimensionsPropTypes,
+    ...withLocalizePropTypes,
     shouldAnimate: PropTypes.bool,
 };
 
@@ -23,12 +27,14 @@ const ReportHeaderSkeletonView = (props) => (
     <View style={[styles.appContentHeader]}>
         <View style={[styles.appContentHeaderTitle, !props.isSmallScreenWidth && styles.pl5]}>
             {props.isSmallScreenWidth && (
-                <Pressable
+                <PressableWithFeedback
                     onPress={() => {}}
                     style={[styles.LHNToggle]}
+                    accessibilityRole="button"
+                    accessibilityLabel={props.translate('common.back')}
                 >
                     <Icon src={Expensicons.BackArrow} />
-                </Pressable>
+                </PressableWithFeedback>
             )}
             <SkeletonViewContentLoader
                 animate={props.shouldAnimate}
@@ -62,4 +68,4 @@ const ReportHeaderSkeletonView = (props) => (
 ReportHeaderSkeletonView.propTypes = propTypes;
 ReportHeaderSkeletonView.defaultProps = defaultProps;
 ReportHeaderSkeletonView.displayName = 'ReportHeaderSkeletonView';
-export default withWindowDimensions(ReportHeaderSkeletonView);
+export default compose(withWindowDimensions, withLocalize)(ReportHeaderSkeletonView);