fix(overlay): comments after review

react/features/overlay/components/OverlayContainer.js

@@ -51,26 +51,26 @@ class OverlayContainer extends Component {
         _haveToReload: React.PropTypes.bool,
 
         /**
-         * The indicator which determines whether the reload was caused by
-         * network failure.
+         * The indicator which determines whether the GUM permissions prompt is
+         * displayed or not.
          *
-         * NOTE: Used by PageReloadOverlay only.
+         * NOTE: Used by UserMediaPermissionsOverlay only.
          *
          * @private
          * @type {boolean}
          */
-        _isNetworkFailure: React.PropTypes.bool,
+        _isMediaPermissionPromptVisible: React.PropTypes.bool,
 
         /**
-         * The indicator which determines whether the GUM permissions prompt is
-         * displayed or not.
+         * The indicator which determines whether the reload was caused by
+         * network failure.
          *
-         * NOTE: Used by UserMediaPermissionsOverlay only.
+         * NOTE: Used by PageReloadOverlay only.
          *
          * @private
          * @type {boolean}
          */
-        _mediaPermissionPromptVisible: React.PropTypes.bool,
+        _isNetworkFailure: React.PropTypes.bool,
 
         /**
          * The reason for the error that will cause the reload.
@@ -106,7 +106,7 @@ class OverlayContainer extends Component {
         APP.UI.overlayVisible
             = (this.props._connectionEstablished && this.props._haveToReload)
                 || this.props._suspendDetected
-                || this.props._mediaPermissionPromptVisible;
+                || this.props._isMediaPermissionPromptVisible;
     }
 
     /**
@@ -131,7 +131,7 @@ class OverlayContainer extends Component {
             );
         }
 
-        if (this.props._mediaPermissionPromptVisible) {
+        if (this.props._isMediaPermissionPromptVisible) {
             return (
                 <UserMediaPermissionsOverlay
                     browser = { this.props._browser } />
@@ -151,7 +151,7 @@ class OverlayContainer extends Component {
  *     _connectionEstablished: bool,
  *     _haveToReload: bool,
  *     _isNetworkFailure: bool,
- *     _mediaPermissionPromptVisible: bool,
+ *     _isMediaPermissionPromptVisible: bool,
  *     _reason: string,
  *     _suspendDetected: bool
  * }}
@@ -194,27 +194,27 @@ function _mapStateToProps(state) {
         _haveToReload: stateFeaturesOverlay.haveToReload,
 
         /**
-         * The indicator which determines whether the reload was caused by
-         * network failure.
+         * The indicator which determines whether the GUM permissions prompt is
+         * displayed or not.
          *
-         * NOTE: Used by PageReloadOverlay only.
+         * NOTE: Used by UserMediaPermissionsOverlay only.
          *
          * @private
          * @type {boolean}
          */
-        _isNetworkFailure: stateFeaturesOverlay.isNetworkFailure,
+        _isMediaPermissionPromptVisible:
+            stateFeaturesOverlay.isMediaPermissionPromptVisible,
 
         /**
-         * The indicator which determines whether the GUM permissions prompt is
-         * displayed or not.
+         * The indicator which determines whether the reload was caused by
+         * network failure.
          *
-         * NOTE: Used by UserMediaPermissionsOverlay only.
+         * NOTE: Used by PageReloadOverlay only.
          *
          * @private
          * @type {boolean}
          */
-        _mediaPermissionPromptVisible:
-            stateFeaturesOverlay.mediaPermissionPromptVisible,
+        _isNetworkFailure: stateFeaturesOverlay.isNetworkFailure,
 
         /**
          * The reason for the error that will cause the reload.

react/features/overlay/components/ReloadTimer.js

@@ -66,7 +66,19 @@ export default class ReloadTimer extends Component {
         super(props);
 
         this.state = {
+            /**
+             * Current value(time) of the timer.
+             *
+             * @type {number}
+             */
             current: this.props.start,
+
+            /**
+             * The absolute value of the time from the start of the timer until
+             * the end of the timer.
+             *
+             * @type {number}
+             */
             time: Math.abs(this.props.end - this.props.start)
         };
     }
@@ -127,9 +139,7 @@ export default class ReloadTimer extends Component {
                     id = 'reloadProgressBar'>
                     <span className = 'aui-progress-indicator-value' />
                 </div>
-                <span
-                    className = 'reload_overlay_text'
-                    id = 'reloadSeconds'>
+                <span className = 'reload_overlay_text'>
                     {
                         this.state.current
                     }

react/features/overlay/components/SuspendedOverlay.js

@@ -29,7 +29,6 @@ export default class SuspendedOverlay extends AbstractOverlay {
                 <button
                     className = { btnClass }
                     data-i18n = 'suspendedoverlay.rejoinKeyTitle'
-                    id = 'rejoin'
                     onClick = { this._reconnectNow } />
             </div>
         );

react/features/overlay/reducer.js

@@ -127,7 +127,7 @@ function _connectionFailed(state, action) {
 function _mediaPermissionPromptVisibilityChanged(state, action) {
     return setStateProperties(state, {
         browser: action.browser,
-        mediaPermissionPromptVisible: action.isVisible
+        isMediaPermissionPromptVisible: action.isVisible
     });
 }