Coding style: consistency, documentation comments, formatting

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

 import { appNavigate } from '../../app';
 import { connect, disconnect } from '../../base/connection';
 import { DialogContainer } from '../../base/dialog';
-import { CalleeInfoContainer } from '../../invite';
 import { getParticipantCount } from '../../base/participants';
 import { Container, LoadingIndicator, TintedView } from '../../base/react';
 import { TestConnectionInfo } from '../../base/testing';
 import { ConferenceNotification } from '../../calendar-sync';
 import { Filmstrip } from '../../filmstrip';
 import { LargeVideo } from '../../large-video';
+import { CalleeInfoContainer } from '../../invite';
 import { NotificationsContainer } from '../../notifications';
 import { setToolboxVisible, Toolbox } from '../../toolbox';
 
     /**
      * The indicator which determines that we are still connecting to the
      * conference which includes establishing the XMPP connection and then
-     * joining the room. If truthy, then an activity/loading indicator will
-     * be rendered.
+     * joining the room. If truthy, then an activity/loading indicator will be
+     * rendered.
      *
      * @private
      */
      * The handler which dispatches the (redux) action connect.
      *
      * @private
+     * @returns {void}
      */
     _onConnect: Function,
 
      * The handler which dispatches the (redux) action disconnect.
      *
      * @private
+     * @returns {void}
      */
     _onDisconnect: Function,
 
      * associated {@code Conference}.
      *
      * @private
-     * @returns {boolean} As the associated conference is unconditionally
-     * left and exiting the app while it renders a {@code Conference} is
-     * undesired, {@code true} is always returned.
+     * @returns {boolean} As the associated conference is unconditionally left
+     * and exiting the app while it renders a {@code Conference} is undesired,
+     * {@code true} is always returned.
      */
     _onHardwareBackPress: Function,
 
     _room: string,
 
     /**
-     * The handler which dispatches the (redux) action setToolboxVisible to
-     * show/hide the Toolbox.
+     * The handler which dispatches the (redux) action {@link setToolboxVisible}
+     * to show/hide the {@link Toolbox}.
      *
+     * @param {boolean} visible - {@code true} to show the {@code Toolbox} or
+     * {@code false} to hide it.
      * @private
+     * @returns {void}
      */
     _setToolboxVisible: Function,
 
                       */}
                     <Filmstrip />
                 </View>
+
                 <TestConnectionInfo />
 
                 {
          * Dispatches actions to create the desired local tracks and for
          * connecting to the conference.
          *
-         * @returns {void}
          * @private
+         * @returns {void}
          */
         _onConnect() {
             dispatch(createDesiredLocalTracks());
         /**
          * Dispatches an action disconnecting from the conference.
          *
-         * @returns {void}
          * @private
+         * @returns {void}
          */
         _onDisconnect() {
             dispatch(disconnect());
         },
 
         /**
-         * Dispatches an action changing the visibility of the Toolbox.
+         * Dispatches an action changing the visibility of the {@link Toolbox}.
          *
-         * @param {boolean} visible - True to show the Toolbox or false to hide
-         * it.
-         * @returns {void}
+         * @param {boolean} visible - {@code true} to show the {@code Toolbox}
+         * or {@code false} to hide it.
          * @private
+         * @returns {void}
          */
         _setToolboxVisible(visible) {
             dispatch(setToolboxVisible(visible));

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

 import { isFilmstripVisible } from '../../filmstrip';
 import { LocalRecordingLabel } from '../../local-recording';
 import { RecordingLabel } from '../../recording';
+import { TranscribingLabel } from '../../transcribing';
 import { shouldDisplayTileView } from '../../video-layout';
 import { VideoQualityLabel } from '../../video-quality';
-import { TranscribingLabel } from '../../transcribing/';
 
 /**
  * The type of the React {@code Component} props of {@link AbstractLabels}.
 export type Props = {
 
     /**
-    * Whether or not the filmstrip is displayed with remote videos. Used to
-    * determine display classes to set.
-    */
+     * Whether the filmstrip is displayed with remote videos. Used to determine
+     * display classes to set.
+     */
     _filmstripVisible: boolean,
 
     /**
-     * Whether or not the video quality label should be displayed.
+     * Whether the video quality label should be displayed.
      */
     _showVideoQualityLabel: boolean
 };
  */
 export default class AbstractLabels<P: Props, S> extends Component<P, S> {
     /**
-     * Renders the {@code RecordingLabel} that is platform independent.
+     * Renders the {@code LocalRecordingLabel}.
      *
      * @protected
-     * @param {string} mode - The recording mode that this label is rendered
-     * for.
      * @returns {React$Element}
      */
-    _renderRecordingLabel(mode: string) {
+    _renderLocalRecordingLabel() {
         return (
-            <RecordingLabel mode = { mode } />
+            <LocalRecordingLabel />
         );
     }
 
     /**
-     * Renders the {@code VideoQualityLabel} that is platform independent.
+     * Renders the {@code RecordingLabel} that is platform independent.
      *
+     * @param {string} mode - The recording mode that this label is rendered
+     * for.
      * @protected
      * @returns {React$Element}
      */
-    _renderVideoQualityLabel() {
+    _renderRecordingLabel(mode: string) {
         return (
-            <VideoQualityLabel />
+            <RecordingLabel mode = { mode } />
         );
     }
 
     /**
      * Renders the {@code TranscribingLabel}.
      *
-     * @returns {React$Element}
      * @protected
+     * @returns {React$Element}
      */
     _renderTranscribingLabel() {
         return (
     }
 
     /**
-     * Renders the {@code LocalRecordingLabel}.
+     * Renders the {@code VideoQualityLabel} that is platform independent.
      *
-     * @returns {React$Element}
      * @protected
+     * @returns {React$Element}
      */
-    _renderLocalRecordingLabel() {
+    _renderVideoQualityLabel() {
         return (
-            <LocalRecordingLabel />
+            <VideoQualityLabel />
         );
     }
 }
 
 /**
- * Maps (parts of) the Redux state to the associated props for the
- * {@code Labels} component.
+ * Maps (parts of) the redux state to the associated props of the {@link Labels}
+ * {@code Component}.
  *
- * @param {Object} state - The Redux state.
+ * @param {Object} state - The redux state.
  * @private
  * @returns {{
  *     _filmstripVisible: boolean,

react/features/large-video/components/Labels.native.js

 // @flow
+
 import React from 'react';
 import { View } from 'react-native';
 import { connect } from 'react-redux';
      * @inheritdoc
      */
     render() {
-        const _wide = !isNarrowAspectRatio(this);
+        const wide = !isNarrowAspectRatio(this);
         const { _filmstripVisible } = this.props;
 
         return (
                 pointerEvents = 'box-none'
                 style = { [
                     styles.indicatorContainer,
-                    _wide && _filmstripVisible && styles.indicatorContainerWide
+                    wide && _filmstripVisible && styles.indicatorContainerWide
                 ] }>
                 {
                     this._renderRecordingLabel(
         );
     }
 
-    _renderRecordingLabel: string => React$Element<*>
-
-    _renderVideoQualityLabel: () => React$Element<*>
+    _renderRecordingLabel: string => React$Element<*>;
 
+    _renderVideoQualityLabel: () => React$Element<*>;
 }
 
 /**
     };
 }
 
-export default connect(_mapStateToProps)(
-    makeAspectRatioAware(Labels)
-);
+export default connect(_mapStateToProps)(makeAspectRatioAware(Labels));

react/features/large-video/components/Labels.web.js

      * @type {boolean}
      */
     filmstripBecomingVisible: boolean
-}
+};
 
 /**
  * A container to hold video status labels, including recording status and
         );
     }
 
-    _renderRecordingLabel: string => React$Element<*>
+    _renderLocalRecordingLabel: () => React$Element<*>;
 
-    _renderVideoQualityLabel: () => React$Element<*>
+    _renderRecordingLabel: string => React$Element<*>;
 
-    _renderTranscribingLabel: () => React$Element<*>
+    _renderTranscribingLabel: () => React$Element<*>;
 
-    _renderLocalRecordingLabel: () => React$Element<*>
+    _renderVideoQualityLabel: () => React$Element<*>;
 }
 
 export default connect(_mapStateToProps)(Labels);