haskal
/
jiti-meet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[RN] Dialogs: Replace legacy common style with common container

This commit is contained in:
Bettenbuk Zoltan 2018-09-18 16:08:01 +02:00 committed by Saúl Ibarra Corretgé
parent b673c4a11a
commit 2cbe7922f6
4 changed files with 15 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
react/features/recording/components/LiveStream/StopLiveStreamDialog.native.js
View File

@ -1,13 +1,11 @@
// @flow // @flow
import React from 'react'; import React from 'react';
import { Text, View } from 'react-native';
import { connect } from 'react-redux'; import { connect } from 'react-redux';
import { DialogContent } from '../../../base/dialog';
import { translate } from '../../../base/i18n'; import { translate } from '../../../base/i18n';
import styles from '../styles';
import AbstractStopLiveStreamDialog, { import AbstractStopLiveStreamDialog, {
_mapStateToProps _mapStateToProps
} from './AbstractStopLiveStreamDialog'; } from './AbstractStopLiveStreamDialog';
@ -27,13 +25,11 @@ class StopLiveStreamDialog extends AbstractStopLiveStreamDialog {
*/ */
_renderDialogContent() { _renderDialogContent() {
return ( return (
<View style = { styles.messageContainer }> <DialogContent>
<Text> {
{ this.props.t('dialog.stopStreamingWarning')
this.props.t('dialog.stopStreamingWarning') }
} </DialogContent>
</Text>
</View>
); );
} }
} }

12
react/features/recording/components/Recording/StartRecordingDialogContent.native.js
View File

@ -1,12 +1,10 @@
// @flow // @flow
import React, { Component } from 'react'; import React, { Component } from 'react';
import { Text, View } from 'react-native';
import { DialogContent } from '../../../base/dialog';
import { translate } from '../../../base/i18n'; import { translate } from '../../../base/i18n';
import styles from '../styles';
type Props = { type Props = {
/** /**
@ -30,11 +28,9 @@ class StartRecordingDialogContent extends Component<Props> {
const { t } = this.props; const { t } = this.props;
return ( return (
<View style = { styles.messageContainer }> <DialogContent>
<Text> { t('recording.startRecordingBody') }
{ t('recording.startRecordingBody') } </DialogContent>
</Text>
</View>
); );
} }
} }

12
react/features/recording/components/Recording/StopRecordingDialog.native.js
View File

@ -1,13 +1,11 @@
// @flow // @flow
import React from 'react'; import React from 'react';
import { Text, View } from 'react-native';
import { connect } from 'react-redux'; import { connect } from 'react-redux';
import { DialogContent } from '../../../base/dialog';
import { translate } from '../../../base/i18n'; import { translate } from '../../../base/i18n';
import styles from '../styles';
import AbstractStopRecordingDialog, { import AbstractStopRecordingDialog, {
type Props, type Props,
_mapStateToProps _mapStateToProps
@ -30,11 +28,9 @@ class StopRecordingDialog extends AbstractStopRecordingDialog<Props> {
const { t } = this.props; const { t } = this.props;
return ( return (
<View style = { styles.messageContainer }> <DialogContent>
<Text> { t('dialog.stopRecordingWarning') }
{ t('dialog.stopRecordingWarning') } </DialogContent>
</Text>
</View>
); );
} }
} }

7
react/features/recording/components/styles.js
View File

@ -1,6 +1,6 @@
// @flow // @flow
import { BoxModel, ColorPalette, createStyleSheet } from '../../base/styles'; import { ColorPalette, createStyleSheet } from '../../base/styles';
/** /**
* The styles of the React {@code Components} of the feature recording. * The styles of the React {@code Components} of the feature recording.
@ -19,10 +19,5 @@ export default createStyleSheet({
*/ */
indicatorRecording: { indicatorRecording: {
backgroundColor: ColorPalette.red backgroundColor: ColorPalette.red
},
messageContainer: {
paddingHorizontal: BoxModel.padding,
paddingVertical: 1.5 * BoxModel.padding
} }
}); });