Migrate to a monorepo structure (#2909)
This commit is contained in:
@ -0,0 +1,34 @@
|
||||
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>
|
||||
);
|
||||
};
|
||||
Reference in New Issue
Block a user