diff --git a/ts/components/CallingParticipantsList.tsx b/ts/components/CallingParticipantsList.tsx index f6f679fde..b3a124573 100644 --- a/ts/components/CallingParticipantsList.tsx +++ b/ts/components/CallingParticipantsList.tsx @@ -11,6 +11,7 @@ import { InContactsIcon } from './InContactsIcon'; import { LocalizerType } from '../types/Util'; import { sortByTitle } from '../util/sortByTitle'; import { ConversationType } from '../state/ducks/conversations'; +import { isInSystemContacts } from '../util/isInSystemContacts'; type ParticipantType = ConversationType & { hasRemoteAudio?: boolean; @@ -118,7 +119,7 @@ export const CallingParticipantsList = React.memo( module="module-calling-participants-list__name" title={participant.title} /> - {participant.name ? ( + {isInSystemContacts(participant) ? ( {' '} { } public render(): JSX.Element { - const { about, i18n, isAdmin, isMe, name, onClick, title } = this.props; + const { + about, + i18n, + isAdmin, + isMe, + name, + onClick, + title, + type, + } = this.props; const displayName = isMe ? i18n('you') : title; - const shouldShowIcon = Boolean(name); return ( ); - } else if (!conversationInfo.conversation.name) { + } else if (!isInSystemContacts(conversationInfo.conversation)) { button = (