Merge pull request #49829 from cretadn22/deselect-option-when-bulk-ac…

…tion Updated selected transaction If getting new updates
Expensify · Oct 4, 2024 · fa7c3e6 · fa7c3e6
2 parents 7d66ba7 + 10767d0
commit fa7c3e6
Showing 1 changed file with 22 additions and 1 deletion.
diff --git a/src/components/Search/index.tsx b/src/components/Search/index.tsx
@@ -180,12 +180,34 @@ function Search({queryJSON, onSearchListScroll, contentContainerStyle}: SearchPr
     const shouldShowLoadingMoreItems = !shouldShowLoadingState && searchResults?.search?.isLoading && searchResults?.search?.offset > 0;
     const isSearchResultsEmpty = !searchResults?.data || SearchUtils.isSearchResultsEmpty(searchResults);
     const prevIsSearchResultEmpty = usePrevious(isSearchResultsEmpty);
+    const data = searchResults === undefined ? [] : SearchUtils.getSections(type, status, searchResults.data, searchResults.search);
 
     useEffect(() => {
         /** We only want to display the skeleton for the status filters the first time we load them for a specific data type */
         setShouldShowStatusBarLoading(shouldShowLoadingState && searchResults?.search?.type !== type);
     }, [searchResults?.search?.type, setShouldShowStatusBarLoading, shouldShowLoadingState, type]);
 
+    useEffect(() => {
+        const newTransactionList: SelectedTransactions = {};
+        data.forEach((report) => {
+            const transactionsData: TransactionListItemType[] = Object.hasOwn(report, 'transactions') && 'transactions' in report ? report.transactions : [];
+            transactionsData.forEach((transaction) => {
+                if (!Object.keys(selectedTransactions).includes(transaction.transactionID)) {
+                    return;
+                }
+                newTransactionList[transaction.transactionID] = {
+                    action: transaction.action,
+                    canHold: transaction.canHold,
+                    canUnhold: transaction.canUnhold,
+                    isSelected: selectedTransactions[transaction.transactionID].isSelected,
+                    canDelete: transaction.canDelete,
+                };
+            });
+        });
+        setSelectedTransactions(newTransactionList, data);
+        // eslint-disable-next-line react-compiler/react-compiler, react-hooks/exhaustive-deps
+    }, [data, setSelectedTransactions]);
+
     useEffect(() => {
         if (!isSearchResultsEmpty || prevIsSearchResultEmpty) {
             return;
@@ -208,7 +230,6 @@ function Search({queryJSON, onSearchListScroll, contentContainerStyle}: SearchPr
     }
 
     const ListItem = SearchUtils.getListItem(type, status);
-    const data = SearchUtils.getSections(type, status, searchResults.data, searchResults.search);
     const sortedData = SearchUtils.getSortedSections(type, status, data, sortBy, sortOrder);
     const sortedSelectedData = sortedData.map((item) => {
         const baseKey = `${ONYXKEYS.COLLECTION.TRANSACTION}${(item as TransactionListItemType).transactionID}`;