diff --git a/src/pages/Search/SearchMoneyRequestReportPage.tsx b/src/pages/Search/SearchMoneyRequestReportPage.tsx index 3fdccb5a62344..ed804e4a1534a 100644 --- a/src/pages/Search/SearchMoneyRequestReportPage.tsx +++ b/src/pages/Search/SearchMoneyRequestReportPage.tsx @@ -12,6 +12,7 @@ import useShowSuperWideRHPVersion from '@components/WideRHPContextProvider/useSh import WideRHPOverlayWrapper from '@components/WideRHPOverlayWrapper'; import useActionListContextValue from '@hooks/useActionListContextValue'; import useCurrentUserPersonalDetails from '@hooks/useCurrentUserPersonalDetails'; +import useDocumentTitle from '@hooks/useDocumentTitle'; import useIsReportReadyToDisplay from '@hooks/useIsReportReadyToDisplay'; import useNetwork from '@hooks/useNetwork'; import useOnyx from '@hooks/useOnyx'; @@ -36,6 +37,7 @@ import { getReportAction, isMoneyRequestAction, } from '@libs/ReportActionsUtils'; +import {getReportName} from '@libs/ReportNameUtils'; import {isMoneyRequestReport, isMoneyRequestReportPendingDeletion, isValidReportIDFromPath} from '@libs/ReportUtils'; import {cancelSpansByPrefix} from '@libs/telemetry/activeSpans'; import {doesDeleteNavigateBackUrlIncludeDuplicatesReview, getParentReportActionDeletionStatus, hasLoadedReportActions, isThreadReportDeleted} from '@libs/TransactionNavigationUtils'; @@ -47,7 +49,8 @@ import {clearDeleteTransactionNavigateBackUrl, createTransactionThreadReport, op import CONST from '@src/CONST'; import ONYXKEYS from '@src/ONYXKEYS'; import SCREENS from '@src/SCREENS'; -import type {PersonalDetailsList, Policy, Transaction, TransactionViolations} from '@src/types/onyx'; +import {reportByIDsSelector} from '@src/selectors/Attributes'; +import type {PersonalDetailsList, Policy, ReportAttributesDerivedValue, Transaction, TransactionViolations} from '@src/types/onyx'; import {getEmptyObject} from '@src/types/utils/EmptyObject'; type SearchMoneyRequestPageProps = @@ -159,6 +162,11 @@ function SearchMoneyRequestReportPage({route}: SearchMoneyRequestPageProps) { const oneTransactionID = reportTransactions.at(0)?.transactionID; const reportID = report?.reportID; + + const reportAttributesSelector = useCallback((attributes: OnyxEntry) => reportByIDsSelector(reportID ? [reportID] : [])(attributes), [reportID]); + const [reportAttributes] = useOnyx(ONYXKEYS.DERIVED.REPORT_ATTRIBUTES, {selector: reportAttributesSelector}); + useDocumentTitle(getReportName(report, reportAttributes)); + const doesReportIDLookValid = isValidReportIDFromPath(reportID); const hasLoadedReportActionsForAccessError = hasLoadedReportActions(reportMetadata, isOffline); const isReportPendingDeletion = isMoneyRequestReportPendingDeletion(report);