From 1e5672aaeac3fde6479d391045624d324b8bfe1d Mon Sep 17 00:00:00 2001
From: ahmedGaber93 <a.gaber0093@gmail.com>
Date: Sat, 14 Oct 2023 18:50:39 +0200
Subject: [PATCH 1/2] add bottom safe area padding on the
 EditRequestReceiptPage.

---
 src/pages/EditRequestReceiptPage.js | 27 ++++++++++++++++-----------
 1 file changed, 16 insertions(+), 11 deletions(-)

diff --git a/src/pages/EditRequestReceiptPage.js b/src/pages/EditRequestReceiptPage.js
index 6744f027b404..537a92c3bb85 100644
--- a/src/pages/EditRequestReceiptPage.js
+++ b/src/pages/EditRequestReceiptPage.js
@@ -1,5 +1,6 @@
 import React, {useState} from 'react';
 import PropTypes from 'prop-types';
+import {View} from 'react-native';
 import ScreenWrapper from '../components/ScreenWrapper';
 import HeaderWithBackButton from '../components/HeaderWithBackButton';
 import Navigation from '../libs/Navigation/Navigation';
@@ -40,17 +41,21 @@ function EditRequestReceiptPage({route, transactionID}) {
             testID={EditRequestReceiptPage.displayName}
             headerGapStyles={isDraggingOver ? [styles.receiptDropHeaderGap] : []}
         >
-            <DragAndDropProvider setIsDraggingOver={setIsDraggingOver}>
-                <HeaderWithBackButton
-                    title={translate('common.receipt')}
-                    onBackButtonPress={Navigation.goBack}
-                />
-                <ReceiptSelector
-                    route={route}
-                    transactionID={transactionID}
-                    isInTabNavigator={false}
-                />
-            </DragAndDropProvider>
+            {({safeAreaPaddingBottomStyle}) => (
+                <DragAndDropProvider setIsDraggingOver={setIsDraggingOver}>
+                    <HeaderWithBackButton
+                        title={translate('common.receipt')}
+                        onBackButtonPress={Navigation.goBack}
+                    />
+                    <View style={[styles.flex1, safeAreaPaddingBottomStyle]}>
+                        <ReceiptSelector
+                            route={route}
+                            transactionID={transactionID}
+                            isInTabNavigator={false}
+                        />
+                    </View>
+                </DragAndDropProvider>
+            )}
         </ScreenWrapper>
     );
 }

From c795517f0ff5d33b3890c6bdddee4d97c2f36d51 Mon Sep 17 00:00:00 2001
From: ahmedGaber93 <a.gaber0093@gmail.com>
Date: Sat, 14 Oct 2023 18:56:40 +0200
Subject: [PATCH 2/2] add bottom safe area padding on the
 EditRequestReceiptPage.

---
 src/pages/EditRequestReceiptPage.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/pages/EditRequestReceiptPage.js b/src/pages/EditRequestReceiptPage.js
index 537a92c3bb85..54ed5a8897a4 100644
--- a/src/pages/EditRequestReceiptPage.js
+++ b/src/pages/EditRequestReceiptPage.js
@@ -43,11 +43,11 @@ function EditRequestReceiptPage({route, transactionID}) {
         >
             {({safeAreaPaddingBottomStyle}) => (
                 <DragAndDropProvider setIsDraggingOver={setIsDraggingOver}>
-                    <HeaderWithBackButton
-                        title={translate('common.receipt')}
-                        onBackButtonPress={Navigation.goBack}
-                    />
                     <View style={[styles.flex1, safeAreaPaddingBottomStyle]}>
+                        <HeaderWithBackButton
+                            title={translate('common.receipt')}
+                            onBackButtonPress={Navigation.goBack}
+                        />
                         <ReceiptSelector
                             route={route}
                             transactionID={transactionID}