35 lines
1.1 KiB
TypeScript
35 lines
1.1 KiB
TypeScript
import {
|
|
StyledItem,
|
|
StyledShortcutKey,
|
|
StyledShortcutKeyContainer,
|
|
} from '@/keyboard-shortcut-menu/components/KeyboardShortcutMenuStyles';
|
|
import { Shortcut } from '@/keyboard-shortcut-menu/types/Shortcut';
|
|
|
|
type KeyboardMenuItemProps = {
|
|
shortcut: Shortcut;
|
|
};
|
|
|
|
export const KeyboardMenuItem = ({ shortcut }: KeyboardMenuItemProps) => {
|
|
return (
|
|
<StyledItem>
|
|
{shortcut.label}
|
|
{shortcut.secondHotKey ? (
|
|
shortcut.areSimultaneous ? (
|
|
<StyledShortcutKeyContainer>
|
|
<StyledShortcutKey>{shortcut.firstHotKey}</StyledShortcutKey>
|
|
<StyledShortcutKey>{shortcut.secondHotKey}</StyledShortcutKey>
|
|
</StyledShortcutKeyContainer>
|
|
) : (
|
|
<StyledShortcutKeyContainer>
|
|
<StyledShortcutKey>{shortcut.firstHotKey}</StyledShortcutKey>
|
|
then
|
|
<StyledShortcutKey>{shortcut.secondHotKey}</StyledShortcutKey>
|
|
</StyledShortcutKeyContainer>
|
|
)
|
|
) : (
|
|
<StyledShortcutKey>{shortcut.firstHotKey}</StyledShortcutKey>
|
|
)}
|
|
</StyledItem>
|
|
);
|
|
};
|