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:
Jaco Greeff
2017-02-24 12:26:30 +01:00
committed by GitHub
parent f97e775498
commit 0b214450e3
24 changed files with 116 additions and 80 deletions

View File

@@ -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 }

View File

@@ -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'