ref: merge prejoin with lobby

react/features/lobby/components/native/DisableLobbyModeDialog.js

@@ -1,16 +1,35 @@
 // @flow
 
-import React from 'react';
+import React, { PureComponent } from 'react';
 
 import { ConfirmDialog } from '../../../base/dialog';
 import { translate } from '../../../base/i18n';
 import { connect } from '../../../base/redux';
-import AbstractDisableLobbyModeDialog from '../AbstractDisableLobbyModeDialog';
+import { toggleLobbyMode } from '../../actions';
+
+export type Props = {
+
+    /**
+     * The Redux Dispatch function.
+     */
+    dispatch: Function
+};
 
 /**
  * Implements a dialog that lets the user disable the lobby mode.
  */
-class DisableLobbyModeDialog extends AbstractDisableLobbyModeDialog {
+class DisableLobbyModeDialog extends PureComponent<Props> {
+    /**
+     * Instantiates a new component.
+     *
+     * @inheritdoc
+     */
+    constructor(props) {
+        super(props);
+
+        this._onDisableLobbyMode = this._onDisableLobbyMode.bind(this);
+    }
+
     /**
      * Implements {@code PureComponent#render}.
      *
@@ -25,6 +44,17 @@ class DisableLobbyModeDialog extends AbstractDisableLobbyModeDialog {
     }
 
     _onDisableLobbyMode: () => void;
+
+    /**
+     * Callback to be invoked when the user initiates the lobby mode disable flow.
+     *
+     * @returns {void}
+     */
+    _onDisableLobbyMode() {
+        this.props.dispatch(toggleLobbyMode(false));
+
+        return true;
+    }
 }
 
 export default translate(connect()(DisableLobbyModeDialog));