fix(toolbox): Show dominant speaker name only when in conference

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

@@ -238,7 +238,7 @@ class Conference extends AbstractConference<Props, *> {
                         <Filmstrip />
                     </div>
 
-                    { _showPrejoin || _showLobby || <Toolbox /> }
+                    { _showPrejoin || _showLobby || <Toolbox showDominantSpeakerName = { true } /> }
                     <Chat />
 
                     { this.renderNotificationsContainer() }

react/features/toolbox/components/web/Toolbox.js

@@ -230,6 +230,11 @@ type Props = {
      */
     dispatch: Function,
 
+    /**
+     * If the dominant speaker name should be displayed or not.
+     */
+    showDominantSpeakerName?: boolean,
+
     /**
      * Invoked to obtain translated strings.
      */
@@ -239,6 +244,7 @@ type Props = {
      * Explicitly passed array with the buttons which this Toolbox should display.
      */
     toolbarButtons: Array<string>,
+
 };
 
 declare var APP: Object;
@@ -1222,6 +1228,7 @@ class Toolbox extends Component<Props, State> {
             _isMobile,
             _overflowMenuVisible,
             _toolbarButtons,
+            showDominantSpeakerName,
             t,
             _reactionsEnabled
         } = this.props;
@@ -1240,7 +1247,9 @@ class Toolbox extends Component<Props, State> {
                         onMouseOut: this._onMouseOut,
                         onMouseOver: this._onMouseOver
                     }) }>
-                    <DominantSpeakerName />
+
+                    { showDominantSpeakerName && <DominantSpeakerName /> }
+
                     <div className = 'toolbox-content-items'>
                         {mainMenuButtons.map(({ Content, key, ...rest }) => Content !== Separator && (
                             <Content