Misc. small UI fixes (#4657)
* Shorten menu items (accounts) * Shorten menu items (addresses) * Shorten menu items (contracts) * Shorten menu items (account) * Shorten menu items (address) * Shorten menu items (contract) * Auto-focus & perform default action * Auto-focus & default action * Auto focus for first fields (create account) * Clear phrase & auto-focus field * Auto-focus name fields * Add autoFocus (Add Address) * autoFocus address (Add Contract) * Auto focus name field * Auto-focus name field for EditMeta * Auto-focus modifications (WalletSettings) * Verification auto focus * typo * Double-up on keys
This commit is contained in:
@@ -68,6 +68,7 @@ export default class Input extends Component {
|
||||
onBlur: PropTypes.func,
|
||||
onChange: PropTypes.func,
|
||||
onClick: PropTypes.func,
|
||||
onDefaultAction: PropTypes.func,
|
||||
onFocus: PropTypes.func,
|
||||
onKeyDown: PropTypes.func,
|
||||
onSubmit: PropTypes.func,
|
||||
@@ -230,7 +231,7 @@ export default class Input extends Component {
|
||||
const { value } = event.target;
|
||||
|
||||
if (event.which === 13) {
|
||||
this.onSubmit(value);
|
||||
this.onSubmit(value, true);
|
||||
} else if (event.which === 27) {
|
||||
// TODO ESC, revert to original
|
||||
}
|
||||
@@ -238,9 +239,17 @@ export default class Input extends Component {
|
||||
this.props.onKeyDown && this.props.onKeyDown(event);
|
||||
}
|
||||
|
||||
onSubmit = (value) => {
|
||||
onSubmit = (value, performDefault) => {
|
||||
const { onDefaultAction, onSubmit } = this.props;
|
||||
|
||||
this.setValue(value, () => {
|
||||
this.props.onSubmit && this.props.onSubmit(value);
|
||||
if (onSubmit) {
|
||||
onSubmit(value);
|
||||
}
|
||||
|
||||
if (performDefault && onDefaultAction) {
|
||||
onDefaultAction();
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user