subject: hide participant count for 1-1 calls

refs: https://github.com/jitsi/jitsi-meet/issues/4871

react/features/conference/components/web/Subject.js

@@ -3,6 +3,7 @@
 import React, { Component } from 'react';
 
 import { getConferenceName } from '../../../base/conference/functions';
+import { getParticipantCount } from '../../../base/participants/functions';
 import { connect } from '../../../base/redux';
 import { isToolboxVisible } from '../../../toolbox';
 
@@ -13,6 +14,11 @@ import ParticipantsCount from './ParticipantsCount';
  */
 type Props = {
 
+    /**
+     * Whether then participant count should be shown or not.
+     */
+    _showParticipantCount: boolean,
+
     /**
      * The subject or the of the conference.
      * Falls back to conference name.
@@ -39,12 +45,12 @@ class Subject extends Component<Props> {
      * @returns {ReactElement}
      */
     render() {
-        const { _subject, _visible } = this.props;
+        const { _showParticipantCount, _subject, _visible } = this.props;
 
         return (
             <div className = { `subject ${_visible ? 'visible' : ''}` }>
                 <span className = 'subject-text'>{ _subject }</span>
-                <ParticipantsCount />
+                { _showParticipantCount && <ParticipantsCount /> }
             </div>
         );
     }
@@ -62,8 +68,10 @@ class Subject extends Component<Props> {
  * }}
  */
 function _mapStateToProps(state) {
+    const participantCount = getParticipantCount(state);
 
     return {
+        _showParticipantCount: participantCount > 2,
         _subject: getConferenceName(state),
         _visible: isToolboxVisible(state)
     };