Fix - Red dot is shown in recent chats for scanned expense moved to Workspace

Author: dmkt9

src/components/Search/SearchAutocompleteList.tsx

@@ -22,6 +22,7 @@ import {combineOrderingOfReportsAndPersonalDetails, getSearchOptions} from '@lib
 import Performance from '@libs/Performance';
 import {getAllTaxRates, getCleanedTagName, shouldShowPolicy} from '@libs/PolicyUtils';
 import type {OptionData} from '@libs/ReportUtils';
+import {getReportOrDraftReport, isChatReport} from '@libs/ReportUtils';
 import {
     getAutocompleteCategories,
     getAutocompleteRecentCategories,
@@ -125,12 +126,16 @@ function getItemHeight(item: OptionData | SearchQueryItem) {
 
 function SearchRouterItem(props: UserListItemProps<OptionData> | SearchQueryListItemProps) {
     const styles = useThemeStyles();
+    const item = props.item;
+    const report = getReportOrDraftReport(item.reportID);
+    const shouldDisplayRBR = report && isChatReport(report) && !report.chatReportID;
 
     if (isSearchQueryListItem(props)) {
         return (
             <SearchQueryListItem
                 // eslint-disable-next-line react/jsx-props-no-spreading
                 {...props}
+                shouldDisplayRBR={shouldDisplayRBR}
             />
         );
     }
@@ -139,6 +144,7 @@ function SearchRouterItem(props: UserListItemProps<OptionData> | SearchQueryList
             pressableStyle={[styles.br2, styles.ph3]}
             // eslint-disable-next-line react/jsx-props-no-spreading
             {...props}
+            shouldDisplayRBR={shouldDisplayRBR}
         />
     );
 }

src/components/SelectionList/Search/SearchQueryListItem.tsx

@@ -27,13 +27,15 @@ type SearchQueryListItemProps = {
     onSelectRow: (item: SearchQueryItem) => void;
     onFocus?: ListItemFocusEventHandler;
     shouldSyncFocus?: boolean;
+    /** Whether to show RBR */
+    shouldDisplayRBR?: boolean;
 };
 
 function isSearchQueryItem(item: OptionData | SearchQueryItem): item is SearchQueryItem {
     return 'searchItemType' in item;
 }
 
-function SearchQueryListItem({item, isFocused, showTooltip, onSelectRow, onFocus, shouldSyncFocus}: SearchQueryListItemProps) {
+function SearchQueryListItem({item, isFocused, showTooltip, onSelectRow, onFocus, shouldSyncFocus, shouldDisplayRBR}: SearchQueryListItemProps) {
     const styles = useThemeStyles();
     const theme = useTheme();
 
@@ -49,6 +51,7 @@ function SearchQueryListItem({item, isFocused, showTooltip, onSelectRow, onFocus
             hoverStyle={item.isSelected && styles.activeComponentBG}
             shouldSyncFocus={shouldSyncFocus}
             showTooltip={showTooltip}
+            shouldDisplayRBR={shouldDisplayRBR}
         >
             <>
                 {!!item.singleIcon && (

src/components/SelectionList/UserListItem.tsx

@@ -32,6 +32,7 @@ function UserListItem<TItem extends ListItem>({
     wrapperStyle,
     pressableStyle,
     shouldUseDefaultRightHandSideCheckmark,
+    shouldDisplayRBR,
 }: UserListItemProps<TItem>) {
     const styles = useThemeStyles();
     const theme = useTheme();
@@ -75,6 +76,7 @@ function UserListItem<TItem extends ListItem>({
             keyForList={item.keyForList}
             onFocus={onFocus}
             shouldSyncFocus={shouldSyncFocus}
+            shouldDisplayRBR={shouldDisplayRBR}
         >
             {(hovered?: boolean) => (
                 <>