ref(participants) use enum type to store fake participants (#12316)

react/features/display-name/components/native/DisplayNameLabel.tsx

@@ -72,7 +72,7 @@ function _mapStateToProps(state: IState, ownProps: Partial<Props>) {
 
     return {
         _participantName: getParticipantDisplayName(state, ownProps.participantId ?? ''),
-        _render: participant && (!participant?.local || ownProps.contained) && !participant?.isFakeParticipant
+        _render: participant && (!participant?.local || ownProps.contained) && !participant?.fakeParticipant
     };
 }
 

react/features/display-name/components/web/StageParticipantNameLabel.tsx

@@ -8,7 +8,11 @@ import { makeStyles } from 'tss-react/mui';
 import { IState } from '../../../app/types';
 // @ts-ignore
 import { isDisplayNameVisible } from '../../../base/config/functions.any';
-import { getLocalParticipant, getParticipantDisplayName } from '../../../base/participants/functions';
+import {
+    getLocalParticipant,
+    getParticipantDisplayName,
+    isWhiteboardParticipant
+} from '../../../base/participants/functions';
 import { Participant } from '../../../base/participants/types';
 import { withPixelLineHeight } from '../../../base/styles/functions.web';
 // @ts-ignore
@@ -64,7 +68,7 @@ const StageParticipantNameLabel = () => {
         && nameToDisplay
         && selectedId !== localId
         && !isTileView
-        && !largeVideoParticipant?.isWhiteboard
+        && !isWhiteboardParticipant(largeVideoParticipant)
     ) {
         return (
             <div