change LocalRecordingInfoDialog

react/features/local-recording/components/LocalRecordingInfoDialog.js

@@ -148,17 +148,12 @@ class LocalRecordingInfoDialog extends Component<Props, State> {
         const { isModerator, t } = this.props;
 
         return (
-            <div
-                className = 'info-dialog' >
-                <div className = 'info-dialog-column'>
-                    <h4 className = 'info-dialog-icon'>
-                        <i className = 'icon-info' />
-                    </h4>
-                </div>
+            <Dialog
+                cancelTitleKey = { 'dialog.close' }
+                submitDisabled = { true }
+                titleKey = 'localRecording.dialogTitle'>
+                <div className = 'info-dialog'>
                     <div className = 'info-dialog-column'>
-                    <div className = 'info-dialog-title'>
-                        { t('localRecording.localRecording') }
-                    </div>
                         <div>
                             <span className = 'info-label'>
                                 {`${t('localRecording.moderator')}:`}
@@ -174,6 +169,7 @@ class LocalRecordingInfoDialog extends Component<Props, State> {
                         { this._renderModeratorControls() }
                     </div>
                 </div>
+            </Dialog>
         );
     }
 
@@ -280,11 +276,7 @@ class LocalRecordingInfoDialog extends Component<Props, State> {
         }
 
         return (
-            <Dialog
-                cancelTitleKey = { 'dialog.close' }
-                submitDisabled = { true }
-                titleKey = 'localRecording.dialogTitle'>
-                <div className = 'local-recording'>
+            <div>
                 <div>
                     <span className = 'info-label'>
                         {`${t('localRecording.participantStats')}:`}
@@ -305,7 +297,6 @@ class LocalRecordingInfoDialog extends Component<Props, State> {
                     </div>
                 </div>
             </div>
-            </Dialog>
         );
     }
 

react/features/local-recording/middleware.js

@@ -27,7 +27,7 @@ MiddlewareRegistry.register(({ getState, dispatch }) => next => action => {
     case APP_WILL_MOUNT:
         // realize the delegates on recordingController, allowing the UI to
         // react to state changes in recordingController.
-        recordingController.onStateChanged = function(isEngaged) {
+        recordingController.onStateChanged = isEngaged => {
             if (isEngaged) {
                 const nowTime = new Date();