insomnia/packages/insomnia-app/app/ui/components/hotkey.js
Gregory Schier 4901f03041 Add Prettier
2018-06-25 13:42:50 -04:00

50 lines
997 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;