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:
@@ -232,7 +232,7 @@ export default class GatherData extends Component {
|
||||
renderFields () {
|
||||
const { accountIsVerified, fields } = this.props;
|
||||
|
||||
const rendered = fields.map((field) => {
|
||||
const rendered = fields.map((field, index) => {
|
||||
const onChange = (_, v) => {
|
||||
field.onChange(v);
|
||||
};
|
||||
@@ -240,6 +240,7 @@ export default class GatherData extends Component {
|
||||
|
||||
return (
|
||||
<Input
|
||||
autoFocus={ index === 0 }
|
||||
className={ styles.field }
|
||||
key={ field.key }
|
||||
label={ field.label }
|
||||
|
||||
@@ -44,6 +44,7 @@ export default class QueryCode extends Component {
|
||||
<Form>
|
||||
<p>The verification code has been sent to { receiver }.</p>
|
||||
<Input
|
||||
autoFocus
|
||||
label={
|
||||
<FormattedMessage
|
||||
id='verification.code.label'
|
||||
|
||||
Reference in New Issue
Block a user