From 1a1999cc129fe4d9046a22146deca6838a6fb1d5 Mon Sep 17 00:00:00 2001
From: Thais Siqueira <thais.siqueira@gmail.com>
Date: Wed, 1 Mar 2017 11:39:36 -0300
Subject: [#907] Puts autofocus on username field.

with @anikarni
---
 web-ui/src/common/input_field/input_field.js | 4 ++--
 web-ui/src/login/page.js                     | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

(limited to 'web-ui/src')

diff --git a/web-ui/src/common/input_field/input_field.js b/web-ui/src/common/input_field/input_field.js
index a92faeb9..332d5911 100644
--- a/web-ui/src/common/input_field/input_field.js
+++ b/web-ui/src/common/input_field/input_field.js
@@ -19,11 +19,11 @@ import React from 'react';
 
 import './input_field.scss';
 
-const InputField = ({ label, name, type = 'text' }) => (
+const InputField = ({ label, name, type = 'text', ...other }) => (
   <div className='input-field-group'>
     <input
       type={type} name={name} className='input-field'
-      autoFocus='' required
+      required {...other}
     />
     <label className='input-field-label' htmlFor={name}>{label}</label>
   </div>
diff --git a/web-ui/src/login/page.js b/web-ui/src/login/page.js
index 6be240b2..621cf846 100644
--- a/web-ui/src/login/page.js
+++ b/web-ui/src/login/page.js
@@ -45,7 +45,7 @@ export const Page = ({ t, authError, error }) => (
     {rightPanel(t, error)}
     <form className='standard' id='login_form' action='/login' method='post' noValidate >
       {errorMessage(t, authError)}
-      <InputField name='username' label={t('login.email')} />
+      <InputField name='username' label={t('login.email')} autoFocus />
       <InputField type='password' name='password' label={t('login.password')} />
       <SubmitButton buttonText={t('login.submit')} />
     </form>
-- 
cgit v1.2.3