diff --git a/src/components/ReportActionItem/TripRoomPreview.tsx b/src/components/ReportActionItem/TripRoomPreview.tsx index be3ca39e02d5..1f5efef5b241 100644 --- a/src/components/ReportActionItem/TripRoomPreview.tsx +++ b/src/components/ReportActionItem/TripRoomPreview.tsx @@ -17,6 +17,7 @@ import useTripTransactions from '@hooks/useTripTransactions'; import ControlSelection from '@libs/ControlSelection'; import DateUtils from '@libs/DateUtils'; import {canUseTouchScreen} from '@libs/DeviceCapabilities'; +import getReportRouteForCurrentContext from '@libs/Navigation/helpers/getReportRouteForCurrentContext'; import Navigation from '@libs/Navigation/Navigation'; import {getOriginalMessage} from '@libs/ReportActionsUtils'; import type {ReservationData} from '@libs/TripReservationUtils'; @@ -26,7 +27,6 @@ import variables from '@styles/variables'; import CONST from '@src/CONST'; import ONYXKEYS from '@src/ONYXKEYS'; -import ROUTES from '@src/ROUTES'; import type {Report, ReportAction} from '@src/types/onyx'; import type {Reservation} from '@src/types/onyx/Transaction'; @@ -131,7 +131,7 @@ function TripRoomPreview({action, containerStyles, isHovered = false}: TripRoomP const [chatReport] = useOnyx(`${ONYXKEYS.COLLECTION.REPORT}${linkedReportID}`); const [iouReportCurrency] = useOnyx(`${ONYXKEYS.COLLECTION.REPORT}${chatReport?.iouReportID}`, {selector: selectCurrency}); - const chatReportID = chatReport?.reportID; + const chatReportID = chatReport?.reportID ?? linkedReportID; const tripTransactions = useTripTransactions(chatReportID); const reservationsData: ReservationData[] = getReservationsFromTripReport(chatReport, tripTransactions); @@ -154,7 +154,7 @@ function TripRoomPreview({action, containerStyles, isHovered = false}: TripRoomP ); }, [convertToDisplayString, currency, totalDisplaySpend, tripTransactions]); - const navigateToTrip = () => Navigation.navigate(ROUTES.REPORT_WITH_ID.getRoute(chatReportID, undefined, undefined, Navigation.getActiveRoute())); + const navigateToTrip = () => Navigation.navigate(getReportRouteForCurrentContext({reportID: chatReportID})); const renderItem = ({item}: ListRenderItemInfo) => (