Merge pull request Expensify#27635 from dukenv0307/fix/27274

fix: text disappear before modal closure
c3024 · Sep 20, 2023 · 5723f69 · 5723f69
2 parents 45f232a + 170eb33
commit 5723f69
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 2 deletions.
diff --git a/src/libs/actions/Receipt.ts b/src/libs/actions/Receipt.ts
@@ -23,7 +23,17 @@ function clearUploadReceiptError() {
     });
 }
 
+/**
+ * Close the receipt modal
+ */
+function closeUploadReceiptModal() {
+    Onyx.merge(ONYXKEYS.RECEIPT_MODAL, {
+        isAttachmentInvalid: false,
+    });
+}
+
 export default {
     setUploadReceiptError,
     clearUploadReceiptError,
+    closeUploadReceiptModal,
 };
diff --git a/src/pages/iou/ReceiptSelector/index.js b/src/pages/iou/ReceiptSelector/index.js
@@ -142,12 +142,13 @@ function ReceiptSelector(props) {
             />
             <ConfirmModal
                 title={attachmentInvalidReasonTitle ? translate(attachmentInvalidReasonTitle) : ''}
-                onConfirm={Receipt.clearUploadReceiptError}
-                onCancel={Receipt.clearUploadReceiptError}
+                onConfirm={Receipt.closeUploadReceiptModal}
+                onCancel={Receipt.closeUploadReceiptModal}
                 isVisible={isAttachmentInvalid}
                 prompt={attachmentInvalidReason ? translate(attachmentInvalidReason) : ''}
                 confirmText={translate('common.close')}
                 shouldShowCancelButton={false}
+                onModalHide={Receipt.clearUploadReceiptError}
             />
         </View>
     );