feat(lobby) removed native lobby enable/disable dialogs
This commit is contained in:
parent
b5551880f7
commit
bc4553bdc0
|
@ -3,9 +3,6 @@
|
|||
import { type Dispatch } from 'redux';
|
||||
|
||||
import { appNavigate } from '../app/actions';
|
||||
import { openDialog } from '../base/dialog';
|
||||
|
||||
import { DisableLobbyModeDialog, EnableLobbyModeDialog } from './components/native';
|
||||
|
||||
export * from './actions.any';
|
||||
|
||||
|
@ -20,20 +17,3 @@ export function cancelKnocking() {
|
|||
};
|
||||
}
|
||||
|
||||
/**
|
||||
* Action to show the dialog to disable lobby mode.
|
||||
*
|
||||
* @returns {showNotification}
|
||||
*/
|
||||
export function showDisableLobbyModeDialog() {
|
||||
return openDialog(DisableLobbyModeDialog);
|
||||
}
|
||||
|
||||
/**
|
||||
* Action to show the dialog to enable lobby mode.
|
||||
*
|
||||
* @returns {showNotification}
|
||||
*/
|
||||
export function showEnableLobbyModeDialog() {
|
||||
return openDialog(EnableLobbyModeDialog);
|
||||
}
|
||||
|
|
|
@ -1,60 +0,0 @@
|
|||
// @flow
|
||||
|
||||
import React, { PureComponent } from 'react';
|
||||
|
||||
import { ConfirmDialog } from '../../../base/dialog';
|
||||
import { translate } from '../../../base/i18n';
|
||||
import { connect } from '../../../base/redux';
|
||||
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 PureComponent<Props> {
|
||||
/**
|
||||
* Instantiates a new component.
|
||||
*
|
||||
* @inheritdoc
|
||||
*/
|
||||
constructor(props) {
|
||||
super(props);
|
||||
|
||||
this._onDisableLobbyMode = this._onDisableLobbyMode.bind(this);
|
||||
}
|
||||
|
||||
/**
|
||||
* Implements {@code PureComponent#render}.
|
||||
*
|
||||
* @inheritdoc
|
||||
*/
|
||||
render() {
|
||||
return (
|
||||
<ConfirmDialog
|
||||
contentKey = 'lobby.disableDialogContent'
|
||||
onSubmit = { this._onDisableLobbyMode } />
|
||||
);
|
||||
}
|
||||
|
||||
_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));
|
|
@ -1,94 +0,0 @@
|
|||
// @flow
|
||||
|
||||
import React, { PureComponent } from 'react';
|
||||
import { Text, View } from 'react-native';
|
||||
|
||||
import { ColorSchemeRegistry } from '../../../base/color-scheme';
|
||||
import { CustomSubmitDialog } from '../../../base/dialog';
|
||||
import { translate } from '../../../base/i18n';
|
||||
import { connect } from '../../../base/redux';
|
||||
import { StyleType } from '../../../base/styles';
|
||||
import { toggleLobbyMode } from '../../actions';
|
||||
|
||||
import styles from './styles';
|
||||
|
||||
type Props = {
|
||||
|
||||
/**
|
||||
* The color-schemed stylesheet of the feature.
|
||||
*/
|
||||
_dialogStyles: StyleType,
|
||||
|
||||
/**
|
||||
* The Redux Dispatch function.
|
||||
*/
|
||||
dispatch: Function,
|
||||
|
||||
/**
|
||||
* Function to be used to translate i18n labels.
|
||||
*/
|
||||
t: Function
|
||||
};
|
||||
|
||||
/**
|
||||
* Implements a dialog that lets the user enable the lobby mode.
|
||||
*/
|
||||
class EnableLobbyModeDialog extends PureComponent<Props> {
|
||||
/**
|
||||
* Instantiates a new component.
|
||||
*
|
||||
* @inheritdoc
|
||||
*/
|
||||
constructor(props: Props) {
|
||||
super(props);
|
||||
|
||||
this._onEnableLobbyMode = this._onEnableLobbyMode.bind(this);
|
||||
}
|
||||
|
||||
/**
|
||||
* Implements {@code PureComponent#render}.
|
||||
*
|
||||
* @inheritdoc
|
||||
*/
|
||||
render() {
|
||||
return (
|
||||
<CustomSubmitDialog
|
||||
okKey = 'lobby.enableDialogSubmit'
|
||||
onSubmit = { this._onEnableLobbyMode }
|
||||
titleKey = 'lobby.dialogTitle'>
|
||||
<View style = { styles.formWrapper }>
|
||||
<Text style = { this.props._dialogStyles.text } >
|
||||
{ this.props.t('lobby.enableDialogText') }
|
||||
</Text>
|
||||
</View>
|
||||
</CustomSubmitDialog>
|
||||
);
|
||||
}
|
||||
|
||||
_onEnableLobbyMode: () => void;
|
||||
|
||||
/**
|
||||
* Callback to be invoked when the user initiates the lobby mode enable flow.
|
||||
*
|
||||
* @returns {void}
|
||||
*/
|
||||
_onEnableLobbyMode() {
|
||||
this.props.dispatch(toggleLobbyMode(true));
|
||||
|
||||
return true;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Maps part of the Redux state to the props of this component.
|
||||
*
|
||||
* @param {Object} state - The Redux state.
|
||||
* @returns {Props}
|
||||
*/
|
||||
function _mapStateToProps(state: Object): Object {
|
||||
return {
|
||||
_dialogStyles: ColorSchemeRegistry.get(state, 'Dialog')
|
||||
};
|
||||
}
|
||||
|
||||
export default translate(connect(_mapStateToProps)(EnableLobbyModeDialog));
|
|
@ -1,6 +1,4 @@
|
|||
// @flow
|
||||
|
||||
export { default as DisableLobbyModeDialog } from './DisableLobbyModeDialog';
|
||||
export { default as EnableLobbyModeDialog } from './EnableLobbyModeDialog';
|
||||
export { default as KnockingParticipantList } from './KnockingParticipantList';
|
||||
export { default as LobbyScreen } from './LobbyScreen';
|
||||
|
|
Loading…
Reference in New Issue