[RN] Fix start recording dialog after dropbox changes

react/features/base/dialog/components/DialogContent.native.js → react/features/base/dialog/components/DialogContent.js

@@ -1,7 +1,8 @@
 // @flow
 
 import React, { Component } from 'react';
-import { Text, View } from 'react-native';
+
+import { Container, Text } from '../../react';
 
 import { dialog as styles } from './styles';
 
@@ -31,9 +32,9 @@ export default class DialogContent extends Component<Props> {
             : children;
 
         return (
-            <View style = { styles.dialogContainer }>
+            <Container style = { styles.dialogContainer }>
                 { childrenComponent }
-            </View>
+            </Container>
         );
     }
 }

react/features/base/dialog/components/styles.web.js

@@ -0,0 +1,5 @@
+/**
+ * Placeholder styles for web to be able to use cross platform components
+ * unmodified such as {@code DialogContent}.
+ */
+export const dialog = {};

react/features/recording/components/Recording/StartRecordingDialogContent.js

@@ -7,6 +7,7 @@ import {
     createRecordingDialogEvent,
     sendAnalytics
 } from '../../../analytics';
+import { DialogContent } from '../../../base/dialog';
 import { translate } from '../../../base/i18n';
 import {
     Container,
@@ -98,9 +99,9 @@ class StartRecordingDialogContent extends Component<Props> {
      */
     _renderNoIntegrationsContent() {
         return (
-            <Container>
+            <DialogContent>
                 { this.props.t('recording.startRecordingBody') }
-            </Container>
+            </DialogContent>
         );
     }