mirror of
https://github.com/Kong/insomnia
synced 2024-11-12 17:26:32 +00:00
43 lines
986 B
JavaScript
43 lines
986 B
JavaScript
// @flow
|
|
import * as React from 'react';
|
|
import classnames from 'classnames';
|
|
import type { Hotkey as HotkeyType } from '../../common/hotkeys';
|
|
import * as hotkeys from '../../common/hotkeys';
|
|
import { ALT_SYM, CTRL_SYM, isMac, joinHotKeys, MOD_SYM, SHIFT_SYM } from '../../common/constants';
|
|
|
|
type Props = {
|
|
hotkey: HotkeyType,
|
|
|
|
// Optional
|
|
className?: string,
|
|
};
|
|
|
|
class Hotkey extends React.PureComponent<Props> {
|
|
render() {
|
|
const { hotkey, className } = this.props;
|
|
const { alt, shift, meta, metaIsCtrl } = hotkey;
|
|
const chars = [];
|
|
|
|
alt && chars.push(ALT_SYM);
|
|
shift && chars.push(SHIFT_SYM);
|
|
|
|
if (meta) {
|
|
if (metaIsCtrl) {
|
|
chars.push(CTRL_SYM);
|
|
} else {
|
|
chars.push(isMac() ? MOD_SYM : CTRL_SYM);
|
|
}
|
|
}
|
|
|
|
chars.push(hotkeys.getChar(hotkey));
|
|
|
|
return (
|
|
<span className={classnames(className, { 'font-normal': isMac() })}>
|
|
{joinHotKeys(chars)}
|
|
</span>
|
|
);
|
|
}
|
|
}
|
|
|
|
export default Hotkey;
|