Merge pull request #29068 from ZhenjaHorbach/delete-request-pop-up-do…

…es-not-close Delete request pop-up does not close when requestee pays the money request
Expensify · Oct 10, 2023 · 562f9d8 · 562f9d8
2 parents f8ed016 + 2472b0b
commit 562f9d8
Showing 1 changed file with 12 additions and 2 deletions.
diff --git a/src/components/MoneyRequestHeader.js b/src/components/MoneyRequestHeader.js
@@ -1,4 +1,4 @@
-import React, {useState, useCallback} from 'react';
+import React, {useState, useCallback, useEffect} from 'react';
 import {withOnyx} from 'react-native-onyx';
 import {View} from 'react-native';
 import PropTypes from 'prop-types';
@@ -81,13 +81,23 @@ function MoneyRequestHeader({session, parentReport, report, parentReportAction,
 
     const isScanning = TransactionUtils.hasReceipt(transaction) && TransactionUtils.isReceiptBeingScanned(transaction);
 
+    const canModifyRequest = isActionOwner && !isSettled && !isApproved;
+
+    useEffect(() => {
+        if (canModifyRequest) {
+            return;
+        }
+
+        setIsDeleteModalVisible(false);
+    }, [canModifyRequest]);
+
     return (
         <>
             <View style={[styles.pl0]}>
                 <HeaderWithBackButton
                     shouldShowAvatarWithDisplay
                     shouldShowPinButton={false}
-                    shouldShowThreeDotsButton={isActionOwner && !isSettled && !isApproved}
+                    shouldShowThreeDotsButton={canModifyRequest}
                     threeDotsMenuItems={[
                         ...(TransactionUtils.hasReceipt(transaction)
                             ? []