Bugfix/41188 new messages button does not disappear

src/pages/home/report/ReportActionsList.tsx

@@ -2,6 +2,7 @@ import type {ListRenderItemInfo} from '@react-native/virtualized-lists/Lists/Vir
 import {useIsFocused, useRoute} from '@react-navigation/native';
 import type {RouteProp} from '@react-navigation/native';
 import type {DebouncedFunc} from 'lodash';
+import cloneDeep from 'lodash/cloneDeep';
 import React, {memo, useCallback, useEffect, useMemo, useRef, useState} from 'react';
 import {DeviceEventEmitter, InteractionManager} from 'react-native';
 import type {LayoutChangeEvent, NativeScrollEvent, NativeSyntheticEvent, StyleProp, ViewStyle} from 'react-native';
@@ -209,9 +210,27 @@ function ReportActionsList({
             ),
         [sortedReportActions, isOffline],
     );
+
+    const filterOutLastWhisperAction = useCallback((actions: OnyxTypes.ReportAction[]): OnyxTypes.ReportAction[] => {
+        if (actions.length > 1 && ReportActionsUtils.isWhisperAction(actions[0])) {
+            actions.shift();
+            // repeat the process until the first action is not a whisper action
+            return filterOutLastWhisperAction(actions);
+        }
+
+        return actions;
+    }, []);
+
+    const newestVisibleReportAction = useMemo(() => {
+        // whisper action doesn't affect lastVisibleActionCreated, so we should not take it into account while checking if there is the newest report action
+        const filteredActions = filterOutLastWhisperAction(cloneDeep(sortedVisibleReportActions));
+
+        return filteredActions[0];
+    }, [filterOutLastWhisperAction, sortedVisibleReportActions]);
+
     const lastActionIndex = sortedVisibleReportActions[0]?.reportActionID;
     const reportActionSize = useRef(sortedVisibleReportActions.length);
-    const hasNewestReportAction = sortedVisibleReportActions?.[0]?.created === report.lastVisibleActionCreated;
+    const hasNewestReportAction = newestVisibleReportAction.created === report.lastVisibleActionCreated;
     const hasNewestReportActionRef = useRef(hasNewestReportAction);
     hasNewestReportActionRef.current = hasNewestReportAction;
     const previousLastIndex = useRef(lastActionIndex);