ref(avatar): Move Avatar and Participant view to base/participants

react/features/conference/components/ParticipantView.native.js → react/features/base/participants/components/ParticipantView.native.js

     MEDIA_TYPE,
     shouldRenderVideoTrack,
     VideoTrack
-} from '../../base/media';
-import { getParticipantById } from '../../base/participants';
-import { Container } from '../../base/react';
-import { getTrackByMediaTypeAndParticipant } from '../../base/tracks';
+} from '../../media';
+import { Container } from '../../react';
+import { getTrackByMediaTypeAndParticipant } from '../../tracks';
 
 import Avatar from './Avatar';
+import { getParticipantById } from '../functions';
 import { styles } from './styles';
 
 /**

react/features/base/participants/components/index.js

+export { default as ParticipantView } from './ParticipantView';

react/features/base/participants/components/styles.js

+import { createStyleSheet } from '../../styles';
+
+/**
+ * The style of the avatar and participant view UI (components).
+ */
+export const styles = createStyleSheet({
+    /**
+     * Avatar style.
+     */
+    avatar: {
+        flex: 1,
+        width: '100%'
+    },
+
+    /**
+     * ParticipantView style.
+     */
+    participantView: {
+        alignItems: 'stretch',
+        flex: 1
+    }
+});

react/features/base/participants/index.js

 export * from './actions';
 export * from './actionTypes';
+export * from './components';
 export * from './constants';
 export * from './functions';
 

react/features/conference/components/index.js

 export { default as Conference } from './Conference';
-export { default as ParticipantView } from './ParticipantView';

react/features/conference/components/styles.js

  * The style of the conference UI (component).
  */
 export const styles = createStyleSheet({
-    /**
-     * Avatar style.
-     */
-    avatar: {
-        flex: 1,
-        width: '100%'
-    },
-
     /**
      * Conference style.
      */
         alignSelf: 'stretch',
         backgroundColor: ColorPalette.appBackground,
         flex: 1
-    }),
-
-    /**
-     * ParticipantView style
-     */
-    participantView: {
-        alignItems: 'stretch',
-        flex: 1
-    }
+    })
 });

react/features/film-strip/components/Thumbnail.js

 import { connect } from 'react-redux';
 
 import { Audio, MEDIA_TYPE } from '../../base/media';
-import { PARTICIPANT_ROLE, pinParticipant } from '../../base/participants';
+import {
+    PARTICIPANT_ROLE,
+    ParticipantView,
+    pinParticipant
+} from '../../base/participants';
 import { Container } from '../../base/react';
 import { getTrackByMediaTypeAndParticipant } from '../../base/tracks';
-import { ParticipantView } from '../../conference';
 
 import {
     AudioMutedIndicator,

react/features/large-video/components/LargeVideo.js

 import React, { Component } from 'react';
 import { connect } from 'react-redux';
 
-import { ParticipantView } from '../../conference';
+import { ParticipantView } from '../../base/participants';
 
 import { styles } from './styles';