[RN] rearrange display-name files for later refactor

react/features/conference/components/native/Conference.js

@@ -17,6 +17,7 @@ import { TestConnectionInfo } from '../../../base/testing';
 import { createDesiredLocalTracks } from '../../../base/tracks';
 import { ConferenceNotification } from '../../../calendar-sync';
 import { Chat } from '../../../chat';
+import { DisplayNameLabel } from '../../../display-name/components/native';
 import {
     FILMSTRIP_SIZE,
     Filmstrip,
@@ -32,7 +33,6 @@ import {
     AbstractConference,
     abstractMapStateToProps
 } from '../AbstractConference';
-import DisplayNameLabel from './DisplayNameLabel';
 import Labels from './Labels';
 import NavigationBar from './NavigationBar';
 import styles from './styles';

react/features/conference/components/native/styles.js

@@ -22,20 +22,6 @@ export default createStyleSheet({
         flex: 1
     }),
 
-    displayNameBackdrop: {
-        alignSelf: 'center',
-        backgroundColor: 'rgba(28, 32, 37, 0.6)',
-        borderRadius: 4,
-        margin: 16,
-        paddingHorizontal: 16,
-        paddingVertical: 4
-    },
-
-    displayNameText: {
-        color: ColorPalette.white,
-        fontSize: 14
-    },
-
     gradient: {
         position: 'absolute',
         top: 0,

react/features/display-name/components/index.native.js

@@ -0,0 +1,3 @@
+// @flow
+
+export * from './native';

react/features/display-name/components/index.web.js

@@ -0,0 +1,3 @@
+// @flow
+
+export * from './web';

react/features/display-name/components/native/DisplayNameLabel.js

@@ -9,7 +9,6 @@ import {
     shouldRenderParticipantVideo
 } from '../../../base/participants';
 import { connect } from '../../../base/redux';
-
 import { shouldDisplayTileView } from '../../../video-layout';
 
 import styles from './styles';

react/features/display-name/components/native/DisplayNamePrompt.js

@@ -1,11 +1,11 @@
 // @flow
 
 import React from 'react';
-import { connect } from '../../base/redux';
+import { connect } from '../../../base/redux';
 
-import { InputDialog } from '../../base/dialog';
+import { InputDialog } from '../../../base/dialog';
 
-import AbstractDisplayNamePrompt from './AbstractDisplayNamePrompt';
+import AbstractDisplayNamePrompt from '../AbstractDisplayNamePrompt';
 
 /**
  * Implements a component to render a display name prompt.

react/features/display-name/components/native/index.js

@@ -0,0 +1,4 @@
+// @flow
+
+export { default as DisplayNameLabel } from './DisplayNameLabel';
+export { default as DisplayNamePrompt } from './DisplayNamePrompt';

react/features/display-name/components/native/styles.js

@@ -0,0 +1,19 @@
+// @flow
+
+import { ColorPalette } from '../../../base/styles';
+
+export default {
+    displayNameBackdrop: {
+        alignSelf: 'center',
+        backgroundColor: 'rgba(28, 32, 37, 0.6)',
+        borderRadius: 4,
+        margin: 16,
+        paddingHorizontal: 16,
+        paddingVertical: 4
+    },
+
+    displayNameText: {
+        color: ColorPalette.white,
+        fontSize: 14
+    }
+};

react/features/display-name/components/web/DisplayName.js

@@ -1,17 +1,17 @@
 /* @flow */
 
 import React, { Component } from 'react';
-import { connect } from '../../base/redux';
+import { connect } from '../../../base/redux';
 import type { Dispatch } from 'redux';
 
-import { appendSuffix } from '../functions';
+import { translate } from '../../../base/i18n';
-
-import { translate } from '../../base/i18n';
 import {
     getParticipantDisplayName,
     getParticipantById
-} from '../../base/participants';
+} from '../../../base/participants';
-import { updateSettings } from '../../base/settings';
+import { updateSettings } from '../../../base/settings';
+
+import { appendSuffix } from '../../functions';
 
 /**
  * The type of the React {@code Component} props of {@link DisplayName}.

react/features/display-name/components/web/DisplayNamePrompt.js

@@ -1,15 +1,15 @@
 /* @flow */
 
 import React from 'react';
-import { connect } from '../../base/redux';
 import { FieldTextStateless as TextField } from '@atlaskit/field-text';
 
-import { Dialog } from '../../base/dialog';
+import { Dialog } from '../../../base/dialog';
-import { translate } from '../../base/i18n';
+import { translate } from '../../../base/i18n';
+import { connect } from '../../../base/redux';
 
 import AbstractDisplayNamePrompt, {
     type Props
-} from './AbstractDisplayNamePrompt';
+} from '../AbstractDisplayNamePrompt';
 
 /**
  * The type of the React {@code Component} props of {@link DisplayNamePrompt}.

react/features/display-name/components/web/index.js

@@ -1,2 +1,4 @@
+// @flow
+
 export { default as DisplayName } from './DisplayName';
 export { default as DisplayNamePrompt } from './DisplayNamePrompt';

react/features/display-name/index.js

@@ -1,3 +1,5 @@
+// @flow
+
 export * from './actions';
 export * from './components';
 export * from './functions';