[RN] rearrange display-name files for later refactor

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

 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,
     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

         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

+// @flow
+
+export * from './native';

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

+// @flow
+
+export * from './web';

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

     shouldRenderParticipantVideo
 } from '../../../base/participants';
 import { connect } from '../../../base/redux';
-
 import { shouldDisplayTileView } from '../../../video-layout';
 
 import styles from './styles';

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

 // @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

+// @flow
+
+export { default as DisplayNameLabel } from './DisplayNameLabel';
+export { default as DisplayNamePrompt } from './DisplayNamePrompt';

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

+// @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/DisplayName.web.js → react/features/display-name/components/web/DisplayName.js

 /* @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';
-import { updateSettings } from '../../base/settings';
+} from '../../../base/participants';
+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/DisplayNamePrompt.web.js → react/features/display-name/components/web/DisplayNamePrompt.js

 /* @flow */
 
 import React from 'react';
-import { connect } from '../../base/redux';
 import { FieldTextStateless as TextField } from '@atlaskit/field-text';
 
-import { Dialog } from '../../base/dialog';
-import { translate } from '../../base/i18n';
+import { Dialog } from '../../../base/dialog';
+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/index.js → react/features/display-name/components/web/index.js

+// @flow
+
 export { default as DisplayName } from './DisplayName';
 export { default as DisplayNamePrompt } from './DisplayNamePrompt';

react/features/display-name/index.js

+// @flow
+
 export * from './actions';
 export * from './components';
 export * from './functions';