diff --git a/src/pages/ReportParticipantsPage.js b/src/pages/ReportParticipantsPage.js index 376ef35da7cd..ceaa53a41a6b 100755 --- a/src/pages/ReportParticipantsPage.js +++ b/src/pages/ReportParticipantsPage.js @@ -12,6 +12,7 @@ import withLocalize, {withLocalizePropTypes} from '@components/withLocalize'; import compose from '@libs/compose'; import * as LocalePhoneNumber from '@libs/LocalePhoneNumber'; import Navigation from '@libs/Navigation/Navigation'; +import * as PersonalDetailsUtils from '@libs/PersonalDetailsUtils'; import * as ReportUtils from '@libs/ReportUtils'; import * as UserUtils from '@libs/UserUtils'; import useThemeStyles from '@styles/useThemeStyles'; @@ -59,10 +60,11 @@ const getAllParticipants = (report, personalDetails, translate) => .map((accountID, index) => { const userPersonalDetail = lodashGet(personalDetails, accountID, {displayName: personalDetails.displayName || translate('common.hidden'), avatar: ''}); const userLogin = LocalePhoneNumber.formatPhoneNumber(userPersonalDetail.login || '') || translate('common.hidden'); + const displayName = PersonalDetailsUtils.getDisplayNameOrDefault(userPersonalDetail, 'displayName'); return { alternateText: userLogin, - displayName: userPersonalDetail.displayName, + displayName, accountID: userPersonalDetail.accountID, icons: [ { @@ -74,9 +76,9 @@ const getAllParticipants = (report, personalDetails, translate) => ], keyForList: `${index}-${userLogin}`, login: userLogin, - text: userPersonalDetail.displayName, + text: displayName, tooltipText: userLogin, - participantsList: [{accountID, displayName: userPersonalDetail.displayName}], + participantsList: [{accountID, displayName}], }; }) .sortBy((participant) => participant.displayName.toLowerCase())