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) => ( {props.isSmallScreenWidth && ( - {}} style={[styles.LHNToggle]} + accessibilityRole="button" + accessibilityLabel={props.translate('common.back')} > - + )} ( ReportHeaderSkeletonView.propTypes = propTypes; ReportHeaderSkeletonView.defaultProps = defaultProps; ReportHeaderSkeletonView.displayName = 'ReportHeaderSkeletonView'; -export default withWindowDimensions(ReportHeaderSkeletonView); +export default compose(withWindowDimensions, withLocalize)(ReportHeaderSkeletonView);