Merge pull request #32592 from ikevin127/fix/32408

IOU - Back button unresponsive on touches on IOU details page in offline

Author: marcochavezf

src/components/ReportHeaderSkeletonView.tsx

@@ -14,9 +14,10 @@ import SkeletonViewContentLoader from './SkeletonViewContentLoader';
 
 type ReportHeaderSkeletonViewProps = {
     shouldAnimate?: boolean;
+    onBackButtonPress?: () => void;
 };
 
-function ReportHeaderSkeletonView({shouldAnimate = true}: ReportHeaderSkeletonViewProps) {
+function ReportHeaderSkeletonView({shouldAnimate = true, onBackButtonPress = () => {}}: ReportHeaderSkeletonViewProps) {
     const theme = useTheme();
     const styles = useThemeStyles();
     const {translate} = useLocalize();
@@ -27,7 +28,7 @@ function ReportHeaderSkeletonView({shouldAnimate = true}: ReportHeaderSkeletonVi
             <View style={[styles.appContentHeaderTitle, !isSmallScreenWidth && styles.pl5]}>
                 {isSmallScreenWidth && (
                     <PressableWithFeedback
-                        onPress={() => {}}
+                        onPress={onBackButtonPress}
                         style={[styles.LHNToggle]}
                         role={CONST.ACCESSIBILITY_ROLE.BUTTON}
                         accessibilityLabel={translate('common.back')}

src/pages/home/HeaderView.js

@@ -197,7 +197,7 @@ function HeaderView(props) {
         >
             <View style={[styles.appContentHeaderTitle, !isSmallScreenWidth && !isLoading && styles.pl5]}>
                 {isLoading ? (
-                    <ReportHeaderSkeletonView />
+                    <ReportHeaderSkeletonView onBackButtonPress={props.onNavigationMenuButtonClicked} />
                 ) : (
                     <>
                         {isSmallScreenWidth && (