From 2616e126fb917a5ecc5876e23df3ea2e048e8888 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=94=D0=B0=D0=BC=D1=8F=D0=BD=20=D0=9C=D0=B8=D0=BD=D0=BA?=
 =?UTF-8?q?=D0=BE=D0=B2?= <damencho@jitsi.org>
Date: Fri, 20 Aug 2021 11:42:26 -0500
Subject: [PATCH] feat: Show footer context menu in p2p.

---
 .../components/web/ParticipantsPane.js        | 29 +++++--------------
 1 file changed, 8 insertions(+), 21 deletions(-)

diff --git a/react/features/participants-pane/components/web/ParticipantsPane.js b/react/features/participants-pane/components/web/ParticipantsPane.js
index 52a8b4cd9..6367983a2 100644
--- a/react/features/participants-pane/components/web/ParticipantsPane.js
+++ b/react/features/participants-pane/components/web/ParticipantsPane.js
@@ -5,10 +5,7 @@ import { ThemeProvider } from 'styled-components';
 
 import { openDialog } from '../../../base/dialog';
 import { translate } from '../../../base/i18n';
-import {
-    getParticipantCount,
-    isLocalParticipantModerator
-} from '../../../base/participants';
+import { isLocalParticipantModerator } from '../../../base/participants';
 import { connect } from '../../../base/redux';
 import { MuteEveryoneDialog } from '../../../video-menu/components/';
 import { close } from '../../actions';
@@ -39,11 +36,6 @@ type Props = {
      */
     _paneOpen: boolean,
 
-    /**
-     * Whether to show context menu.
-     */
-    _showContextMenu: boolean,
-
     /**
      * Whether to show the footer menu.
      */
@@ -122,7 +114,6 @@ class ParticipantsPane extends Component<Props, State> {
     render() {
         const {
             _paneOpen,
-            _showContextMenu,
             _showFooter,
             t
         } = this.props;
@@ -155,15 +146,13 @@ class ParticipantsPane extends Component<Props, State> {
                                 <FooterButton onClick = { this._onMuteAll }>
                                     {t('participantsPane.actions.muteAll')}
                                 </FooterButton>
-                                {_showContextMenu && (
-                                    <FooterEllipsisContainer>
-                                        <FooterEllipsisButton
-                                            id = 'participants-pane-context-menu'
-                                            onClick = { this._onToggleContext } />
-                                        {this.state.contextOpen
-                                            && <FooterContextMenu onMouseLeave = { this._onToggleContext } />}
-                                    </FooterEllipsisContainer>
-                                )}
+                                <FooterEllipsisContainer>
+                                    <FooterEllipsisButton
+                                        id = 'participants-pane-context-menu'
+                                        onClick = { this._onToggleContext } />
+                                    {this.state.contextOpen
+                                        && <FooterContextMenu onMouseLeave = { this._onToggleContext } />}
+                                </FooterEllipsisContainer>
                             </Footer>
                         )}
                     </div>
@@ -249,7 +238,6 @@ class ParticipantsPane extends Component<Props, State> {
  * @protected
  * @returns {{
  *     _paneOpen: boolean,
- *     _showContextMenu: boolean,
  *     _showFooter: boolean
  * }}
  */
@@ -258,7 +246,6 @@ function _mapStateToProps(state: Object) {
 
     return {
         _paneOpen: isPaneOpen,
-        _showContextMenu: isPaneOpen && getParticipantCount(state) > 2,
         _showFooter: isPaneOpen && isLocalParticipantModerator(state)
     };
 }