register shortcuts in the middleware

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

     _onClick() {
         this.props.onClick();
     }
-
-    _onCloseDialog: () => void;
-
-    /**
-     * Callback invoked when {@code InlineDialog} signals that it should be
-     * close.
-     *
-     * @returns {void}
-     */
-    _onCloseDialog() {
-        // Do nothing for now, because we want the dialog to stay open
-        // after certain time, otherwise the moderator might need to repeatly
-        // open the dialog to see the stats.
-    }
 }
 
 export default translate(LocalRecordingButton);

react/features/local-recording/middleware.js

 
 import { APP_WILL_MOUNT, APP_WILL_UNMOUNT } from '../base/app';
 import { CONFERENCE_JOINED } from '../base/conference';
+import { toggleDialog } from '../base/dialog';
 import { i18next } from '../base/i18n';
 import { MiddlewareRegistry } from '../base/redux';
 import { showNotification } from '../notifications';
 
 import { localRecordingEngaged, localRecordingUnengaged } from './actions';
+import { LocalRecordingInfoDialog } from './components';
 import { recordingController } from './controller';
 
+declare var APP: Object;
+
 MiddlewareRegistry.register(({ getState, dispatch }) => next => action => {
     const result = next(action);
 
                 description: i18next.t(messageKey, messageParams)
             }, 10000));
         };
+
+        // register shortcut
+        APP.keyboardshortcut.registerShortcut(
+            'L',
+            null,
+            () => dispatch(toggleDialog(LocalRecordingInfoDialog)),
+            'keyboardShortcuts.localRecording'
+        );
         break;
     case APP_WILL_UNMOUNT:
         recordingController.onStateChanged = null;

react/features/toolbox/components/web/Toolbox.js

             = this._onToolbarToggleScreenshare.bind(this);
         this._onToolbarToggleSharedVideo
             = this._onToolbarToggleSharedVideo.bind(this);
-        this._onToolbarToggleLocalRecordingInfoDialog
-            = this._onToolbarToggleLocalRecordingInfoDialog.bind(this);
+        this._onToolbarOpenLocalRecordingInfoDialog
+            = this._onToolbarOpenLocalRecordingInfoDialog.bind(this);
     }
 
     /**
                 character: 'S',
                 exec: this._onShortcutToggleFullScreen,
                 helpDescription: 'keyboardShortcuts.fullScreen'
-            },
-            this._shouldShowButton('localrecording') && {
-                character: 'L',
-                exec: this._onToolbarToggleLocalRecordingInfoDialog,
-                helpDescription: 'keyboardShortcuts.localRecording'
             }
         ];
 
                 <div className = 'button-group-right'>
                     { this._shouldShowButton('localrecording')
                         && <LocalRecordingButton
-                            isDialogShown =
-                                { this.props._localRecState.showDialog }
                             onClick = {
-                                this._onToolbarToggleLocalRecordingInfoDialog
+                                this._onToolbarOpenLocalRecordingInfoDialog
                             } />
                     }
                     { this._shouldShowButton('invite')
         this._doToggleSharedVideo();
     }
 
-    _onToolbarToggleLocalRecordingInfoDialog: () => void;
+    _onToolbarOpenLocalRecordingInfoDialog: () => void;
 
     /**
-     * Switches local recording on or off.
+     * Opens the {@code LocalRecordingInfoDialog}.
      *
      * @private
      * @returns {void}
      */
-    _onToolbarToggleLocalRecordingInfoDialog() {
+    _onToolbarOpenLocalRecordingInfoDialog() {
+        sendAnalytics(createToolbarEvent('local.recording'));
+
         this.props.dispatch(openDialog(LocalRecordingInfoDialog));
     }