Fix - Expense- After deleting an expense with all expenses selected, dropdown button does not update

src/components/MoneyRequestHeader.tsx

@@ -48,6 +48,7 @@ import LoadingBar from './LoadingBar';
 import type {MoneyRequestHeaderStatusBarProps} from './MoneyRequestHeaderStatusBar';
 import MoneyRequestHeaderStatusBar from './MoneyRequestHeaderStatusBar';
 import MoneyRequestReportTransactionsNavigation from './MoneyRequestReportView/MoneyRequestReportTransactionsNavigation';
+import {useSearchContext} from './Search/SearchContext';
 
 type MoneyRequestHeaderProps = {
     /** The report currently being looked at */
@@ -91,6 +92,7 @@ function MoneyRequestHeader({report, parentReportAction, policy, onBackButtonPre
     const isDuplicate = isDuplicateTransactionUtils(transaction?.transactionID);
     const reportID = report?.reportID;
     const {isBetaEnabled} = usePermissions();
+    const {removeTransaction} = useSearchContext();
 
     const isReportInRHP = route.name === SCREENS.SEARCH.REPORT_RHP;
     const shouldDisplayTransactionNavigation = !!(reportID && isReportInRHP);
@@ -330,6 +332,7 @@ function MoneyRequestHeader({report, parentReportAction, policy, onBackButtonPre
                         deleteTrackExpense(report?.chatReportID, transaction.transactionID, parentReportAction, true);
                     } else {
                         deleteMoneyRequest(transaction.transactionID, parentReportAction, true);
+                        removeTransaction(transaction.transactionID);
                     }
                     onBackButtonPress();
                 }}

src/components/Search/SearchContext.tsx

@@ -23,6 +23,7 @@ const defaultSearchContext: SearchContext = {
     setLastSearchType: () => {},
     setCurrentSearchHash: () => {},
     setSelectedTransactions: () => {},
+    removeTransaction: () => {},
     clearSelectedTransactions: () => {},
     setShouldShowFiltersBarLoading: () => {},
     setShouldShowExportModeOption: () => {},
@@ -104,9 +105,24 @@ function SearchContextProvider({children}: ChildrenProps) {
         [searchContextData.currentSearchHash, setSelectedTransactions],
     );
 
+    const removeTransaction: SearchContext['removeTransaction'] = useCallback(
+        (transactionID) => {
+            const selectedTransactionIDs = searchContextData.selectedTransactionIDs;
+            if (!transactionID || !selectedTransactionIDs.length) {
+                return;
+            }
+            setSearchContextData((prevState) => ({
+                ...prevState,
+                selectedTransactionIDs: selectedTransactionIDs.filter((ID) => transactionID !== ID),
+            }));
+        },
+        [searchContextData.selectedTransactionIDs],
+    );
+
     const searchContext = useMemo<SearchContext>(
         () => ({
             ...searchContextData,
+            removeTransaction,
             setCurrentSearchHash,
             setSelectedTransactions,
             clearSelectedTransactions,
@@ -130,6 +146,7 @@ function SearchContextProvider({children}: ChildrenProps) {
             setShouldShowExportModeOption,
             isExportMode,
             setExportMode,
+            removeTransaction,
         ],
     );
 

src/components/Search/types.ts

@@ -87,6 +87,7 @@ type SearchContext = SearchContextData & {
         (hash?: number, shouldTurnOffSelectionMode?: boolean): void;
         (clearIDs: true, unused?: undefined): void;
     };
+    removeTransaction: (transactionID: string | undefined) => void;
     shouldShowFiltersBarLoading: boolean;
     setShouldShowFiltersBarLoading: (shouldShow: boolean) => void;
     setLastSearchType: (type: string | undefined) => void;

src/pages/ReportDetailsPage.tsx

@@ -157,14 +157,7 @@ function ReportDetailsPage({policies, report, route, reportMetadata}: ReportDeta
 
     const {reportActions} = usePaginatedReportActions(report.reportID);
 
-    const {setSelectedTransactions, selectedTransactionIDs} = useSearchContext();
-
-    const removeTransaction = useCallback(
-        (transactionID?: string) => {
-            setSelectedTransactions(selectedTransactionIDs.filter((t) => t !== transactionID));
-        },
-        [setSelectedTransactions, selectedTransactionIDs],
-    );
+    const {removeTransaction} = useSearchContext();
 
     const transactionThreadReportID = useMemo(() => getOneTransactionThreadReportID(report.reportID, reportActions ?? [], isOffline), [report.reportID, reportActions, isOffline]);