Hides call info and invite button in iAmRecorder mode. (#2154)

react/features/filmstrip/components/Filmstrip.web.js

@@ -32,6 +32,12 @@ class Filmstrip extends Component<*> {
      * @static
      */
     static propTypes = {
+        /**
+         * Whether invite button rendering should be skipped,
+         * by default it is. false
+         */
+        _hideInviteButton: PropTypes.bool,
+
         /**
          * Whether or not remote videos are currently being hovered over.
          */
@@ -110,7 +116,9 @@ class Filmstrip extends Component<*> {
                         id = 'filmstripLocalVideo'
                         onMouseOut = { this._onMouseOut }
                         onMouseOver = { this._onMouseOver }>
-                        { this.props.filmstripOnly ? null : <InviteButton /> }
+                        { this.props.filmstripOnly
+                            || this.props._hideInviteButton
+                            ? null : <InviteButton /> }
                         <div id = 'filmstripLocalVideoThumbnail' />
                     </div>
                     <div
@@ -185,12 +193,14 @@ class Filmstrip extends Component<*> {
  * @private
  * @returns {{
  *     _hovered: boolean,
+ *     _hideInviteButton: boolean,
  *     _remoteVideosVisible: boolean
  * }}
  */
 function _mapStateToProps(state) {
     return {
         _hovered: state['features/filmstrip'].hovered,
+        _hideInviteButton: state['features/base/config'].iAmRecorder,
         _remoteVideosVisible: shouldRemoteVideosBeVisible(state)
     };
 }

react/features/invite/middleware.js

@@ -18,6 +18,10 @@ MiddlewareRegistry.register(store => next => action => {
 
     switch (action.type) {
     case CONFERENCE_JOINED:
+        // we do not want to show call info in iAmRecorder mode
+        if (store.getState()['features/base/config'].iAmRecorder) {
+            return result;
+        }
         store.dispatch(setInfoDialogVisibility(true, true));
         break;