create EditRequestReceiptPage

Expensify · Sep 5, 2023 · 84ef3bd · mananjadhav · Oct 27, 2023 · 84ef3bd
1 parent 1c54e59
commit 84ef3bd
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 3 deletions.
diff --git a/src/components/AttachmentModal.js b/src/components/AttachmentModal.js
@@ -111,7 +111,6 @@ function AttachmentModal(props) {
     const [confirmButtonFadeAnimation] = useState(new Animated.Value(1));
     const [shouldShowDownloadButton, setShouldShowDownloadButton] = React.useState(true);
     const {windowWidth} = useWindowDimensions();
-    const [isEditingReceipt, setIsEditingReceipt] = useState(false);
 
     const [file, setFile] = useState(
         props.originalFileName
@@ -361,8 +360,10 @@ function AttachmentModal(props) {
                             onSelected: () => {
                                 closeModal();
 
-                                // TODO: replace with actual edit receipt route
-                                Navigation.navigate(ROUTES.getEditRequestRoute(props.report.reportID, 'amount'));
+                                // TODO: remove timeout
+                                setTimeout(() => {
+                                    Navigation.navigate(ROUTES.getEditRequestRoute(props.report.reportID, 'receipt'));
+                                }, 1000)
                             },
                         },
                         {

diff --git a/src/pages/EditRequestReceiptPage.js b/src/pages/EditRequestReceiptPage.js
@@ -0,0 +1,27 @@
+import React from 'react';
+import ScreenWrapper from '../components/ScreenWrapper';
+import HeaderWithBackButton from '../components/HeaderWithBackButton';
+import Navigation from '../libs/Navigation/Navigation';
+import useLocalize from '../hooks/useLocalize';
+import ReceiptSelector from './iou/ReceiptSelector';
+
+function EditRequestReceiptPage() {
+    const {translate} = useLocalize();
+
+    return (
+        <ScreenWrapper
+            includeSafeAreaPaddingBottom={false}
+            shouldEnableMaxHeight
+        >
+            <HeaderWithBackButton
+                title={translate('iou.amount')}
+                onBackButtonPress={Navigation.goBack}
+            />
+            <ReceiptSelector />
+        </ScreenWrapper>
+    );
+}
+
+EditRequestReceiptPage.displayName = 'EditRequestReceiptPage';
+
+export default EditRequestReceiptPage;