From e7ef4bd2923f557698f3dbad3b53b69a274873f4 Mon Sep 17 00:00:00 2001
From: Kevin Brian Bader <kevin.bader96@gmail.com>
Date: Mon, 11 Dec 2023 15:31:16 +0200
Subject: [PATCH] IOU - Back button unresponsive on touches on IOU details page
 in offline

---
 src/components/ReportHeaderSkeletonView.tsx | 5 +++--
 src/pages/home/HeaderView.js                | 2 +-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/ReportHeaderSkeletonView.tsx b/src/components/ReportHeaderSkeletonView.tsx
index acc9261889bc..8f13fcbf7a1b 100644
--- a/src/components/ReportHeaderSkeletonView.tsx
+++ b/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')}
diff --git a/src/pages/home/HeaderView.js b/src/pages/home/HeaderView.js
index 5b57419c8530..04aef6371074 100644
--- a/src/pages/home/HeaderView.js
+++ b/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 && (