lib/ui/src/settings/shortcuts_page.tsx
import React, { FunctionComponent } from 'react';
import { Consumer } from '@storybook/api';
import { ShortcutsScreen } from './shortcuts';
const ShortcutsPage: FunctionComponent<{}> = () => (
<Consumer>
{({
api: {
getShortcutKeys,
getAddonsShortcutLabels,
setShortcut,
restoreDefaultShortcut,
restoreAllDefaultShortcuts,
},
}) => (
<ShortcutsScreen
shortcutKeys={getShortcutKeys()}
addonsShortcutLabels={getAddonsShortcutLabels()}
{...{ setShortcut, restoreDefaultShortcut, restoreAllDefaultShortcuts }}
/>
)}
</Consumer>
);
export { ShortcutsPage };