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

FIX shortcuts validation

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

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

@ -53,7 +53,9 @@ export const Description = styled.div({
alignSelf: 'center',
});
export const TextInput = styled(Input)<{ valid: string }>(
type ValidationStates = 'valid' | 'error' | 'warn';
export const TextInput = styled(Input)<{ valid: ValidationStates }>(
({ valid, theme }) =>
valid === 'error'
? {
@ -248,14 +250,14 @@ class ShortcutsScreen extends Component<ShortcutsScreenProps, ShortcutsScreenSta
const { successField, shortcutKeys } = this.state;
return activeElement === successField && shortcutKeys[activeElement].error === false
? 'valid'
: '';
: undefined;
};
displayError = (activeElement: Feature) => {
displayError = (activeElement: Feature): ValidationStates => {
const { activeFeature, shortcutKeys } = this.state;
return activeElement === activeFeature && shortcutKeys[activeElement].error === true
? 'error'
: '';
: undefined;
};
renderKeyInput = () => {