Use OR logic for isUnreported to match getReportStatusTranslation/getReportStatusColorStyle

Co-authored-by: Jayesh Mangwani <jayeshmangwani@users.noreply.github.com>

Author: MelvinBot

src/components/Search/SearchList/ListItem/StatusCell.tsx

@@ -35,7 +35,7 @@ function StatusCell({stateNum, statusNum, isPending, isDeleted, isSelected}: Sta
         return null;
     }
 
-    const isUnreported = stateNum === undefined && statusNum === undefined && !isDeleted;
+    const isUnreported = (stateNum === undefined || statusNum === undefined) && !isDeleted;
     const backgroundColor = isSelected && isUnreported ? theme.buttonHoveredBG : reportStatusColorStyle.backgroundColor;
 
     return (

src/components/Search/SearchList/ListItem/UserInfoAndActionButtonRow.tsx

@@ -34,7 +34,7 @@ function UserInfoAndActionButtonRow({
     const {translate} = useLocalize();
     const statusText = getReportStatusTranslation({stateNum, statusNum, translate});
     const reportStatusColorStyle = getReportStatusColorStyle(theme, stateNum, statusNum);
-    const isUnreported = stateNum === undefined && statusNum === undefined;
+    const isUnreported = stateNum === undefined || statusNum === undefined;
     const badgeBackgroundColor = isSelected && isUnreported ? theme.buttonHoveredBG : reportStatusColorStyle?.backgroundColor;
     const participantFromDisplayName = item.formattedFrom ?? item?.from?.displayName ?? '';
     return (