mirror of
https://gitcode.com/GitHub_Trending/ji/jitsi-meet.git
synced 2026-05-21 18:57:47 +00:00
Create Shortcuts tab in Settings Dialog Move keyboard shortcut option from More to this tab Move shortcuts info from KeyboardShortcuts dialog to this tab Remove KeyboardShortcuts dialog
46 lines
1.3 KiB
JavaScript
46 lines
1.3 KiB
JavaScript
// @flow
|
|
|
|
import { createToolbarEvent, sendAnalytics } from '../../../analytics';
|
|
import { translate } from '../../../base/i18n';
|
|
import { IconShortcuts } from '../../../base/icons';
|
|
import { connect } from '../../../base/redux';
|
|
import { AbstractButton, type AbstractButtonProps } from '../../../base/toolbox/components';
|
|
import { openSettingsDialog } from '../../../settings/actions';
|
|
import { SETTINGS_TABS } from '../../../settings/constants';
|
|
|
|
/**
|
|
* The type of the React {@code Component} props of {@link KeyboardShortcutsButton}.
|
|
*/
|
|
type Props = AbstractButtonProps & {
|
|
|
|
/**
|
|
* The redux {@code dispatch} function.
|
|
*/
|
|
dispatch: Function
|
|
};
|
|
|
|
/**
|
|
* Implementation of a button for opening keyboard shortcuts dialog.
|
|
*/
|
|
class KeyboardShortcutsButton extends AbstractButton<Props, *> {
|
|
accessibilityLabel = 'toolbar.accessibilityLabel.shortcuts';
|
|
icon = IconShortcuts;
|
|
label = 'toolbar.shortcuts';
|
|
tooltip = 'toolbar.shortcuts';
|
|
|
|
/**
|
|
* Handles clicking / pressing the button, and opens the appropriate dialog.
|
|
*
|
|
* @protected
|
|
* @returns {void}
|
|
*/
|
|
_handleClick() {
|
|
const { dispatch } = this.props;
|
|
|
|
sendAnalytics(createToolbarEvent('shortcuts'));
|
|
dispatch(openSettingsDialog(SETTINGS_TABS.SHORTCUTS));
|
|
}
|
|
}
|
|
|
|
export default translate(connect()(KeyboardShortcutsButton));
|