GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-04-04 16:51:09 +08:00
Code Issues Packages Projects Releases Wiki Activity

CLEANUP

Browse Source
This commit is contained in:
Norbert de Langen 2020-02-07 20:18:33 +01:00
parent bbe5d494c1
commit 46b552b60d
No known key found for this signature in database
GPG Key ID: 976651DA156C2825
2 changed files with 11 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
lib/ui/src/settings/shortcuts.tsx
View File

@ -53,9 +53,9 @@ export const Description = styled.div({
alignSelf: 'center',
});
export const TextInput = styled(Input)<{ isValid: string }>(
({ isValid, theme }) =>
isValid === 'error'
export const TextInput = styled(Input)<{ valid: string }>(
({ valid, theme }) =>
valid === 'error'
? {
animation: `${theme.animation.jiggle} 700ms ease-out`,
}
@ -76,9 +76,9 @@ export const Fade = keyframes`
50% { opacity: 1; }
`;
export const SuccessIcon = styled(Icons)<{ isValid: string }>(
({ isValid, theme }) =>
isValid === 'valid'
export const SuccessIcon = styled(Icons)<{ valid: string }>(
({ valid, theme }) =>
valid === 'valid'
? {
color: theme.color.positive,
animation: `${Fade} 2s ease forwards`,
@ -266,7 +266,7 @@ class ShortcutsScreen extends Component<ShortcutsScreenProps, ShortcutsScreenSta
<TextInput
spellCheck="false"
isValid={this.displayError(feature)}
valid={this.displayError(feature)}
className="modalInput"
onBlur={this.onBlur}
onFocus={this.onFocus(feature)}
@ -277,7 +277,7 @@ class ShortcutsScreen extends Component<ShortcutsScreenProps, ShortcutsScreenSta
readOnly
/>
<SuccessIcon isValid={this.displaySuccessMessage(feature)} icon="check" />
<SuccessIcon valid={this.displaySuccessMessage(feature)} icon="check" />
</Row>
));

5
lib/ui/src/settings/shortcuts_page.tsx
View File

@ -9,7 +9,9 @@ import ShortcutsScreen from './shortcuts';
export default () => (
<Route path="shortcuts">
<Consumer>
{({api: { getShortcutKeys, setShortcut, restoreDefaultShortcut, restoreAllDefaultShortcuts }}) => (
{({
api: { getShortcutKeys, setShortcut, restoreDefaultShortcut, restoreAllDefaultShortcuts },
}) => (
<Route path="shortcuts">
<ShortcutsScreen
shortcutKeys={getShortcutKeys()}
@ -21,4 +23,3 @@ export default () => (
</Consumer>
</Route>
);