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

Expensify · Dec 11, 2023 · e7ef4bd · e7ef4bd
1 parent 715e2b2
commit e7ef4bd
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git 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
@@ -197,7 +197,7 @@ function HeaderView(props) {
         >
             <View style={[styles.appContentHeaderTitle, !isSmallScreenWidth && !isLoading && styles.pl5]}>
                 {isLoading ? (
-                    <ReportHeaderSkeletonView />
+                    <ReportHeaderSkeletonView onBackButtonPress={props.onNavigationMenuButtonClicked} />
                 ) : (
                     <>
                         {isSmallScreenWidth && (