adding names to input fields

components/core/Auth/Initial.js

@@ -159,7 +159,7 @@ export default function Initial({
               label="Email address or username"
               placeholder="Email/username"
               icon={SVG.RightArrow}
-              name="email"
+              name="email/username"
               type="text"
               full
               {...getSigninFieldProps()}
@@ -188,6 +188,8 @@ export default function Initial({
                 autoFocus
                 label="Sign up with email"
                 placeholder="Email"
+                type="email"
+                name="email"
                 full
                 style={{ backgroundColor: "rgba(242,242,247,0.5)" }}
                 // NOTE(amine): the input component internally is using 16px margin top

components/core/Auth/ResetPassword.js

@@ -157,7 +157,8 @@ export default function ResetPassword({
           autoFocus
           containerStyle={{ marginTop: 16 }}
           placeholder="Email"
-          type="text"
+          name="email"
+          type="email"
           full
           {...getFieldProps("email")}
           style={{ backgroundColor: "rgba(242,242,247,0.5)" }}

components/core/Auth/Signin.js

@@ -159,7 +159,8 @@ export default function Signin({
             autoFocus
             containerStyle={{ marginTop: 16 }}
             placeholder="Email"
-            type="text"
+            name="email"
+            type="email"
             full
             {...getEmailFieldProps("email")}
             style={{ backgroundColor: "rgba(242,242,247,0.5)" }}
@@ -195,6 +196,7 @@ export default function Signin({
           autoFocus
           containerStyle={{ marginTop: message ? 24 : 16 }}
           placeholder="Password"
+          name="password"
           type={showPassword ? "text" : "password"}
           full
           onClickIcon={() => toggleShowPassword(!showPassword)}

components/core/Auth/Signup.js

@@ -62,6 +62,7 @@ export default function Signup({ verifyEmail, createUser, resendEmailVerificatio
             autoFocus
             containerStyle={{ marginTop: 46 }}
             placeholder="Username"
+            name="username"
             type="text"
             full
             {...getFieldProps("username")}

components/core/Auth/TwitterSignup.js

@@ -82,7 +82,8 @@ export default function TwitterSignup({
           autoFocus
           containerStyle={{ marginTop: 41 }}
           placeholder="Username"
-          type="username"
+          name="username"
+          type="text"
           {...getFieldProps("username")}
           style={{ backgroundColor: "rgba(242,242,247,0.5)" }}
         />
@@ -92,6 +93,7 @@ export default function TwitterSignup({
             containerAs={MotionLayout}
             errorAs={MotionLayout}
             placeholder="Email"
+            name="email"
             type="email"
             {...getFieldProps("email")}
             style={{ backgroundColor: "rgba(242,242,247,0.5)" }}

components/sidebars/SidebarHelp.js

@@ -96,6 +96,7 @@ export default class SidebarCreateSlate extends React.Component {
           </System.P>
           <System.Input
             name="name"
+            type="text"
             style={{ marginTop: 12 }}
             placeholder="Name"
             value={this.state.name}
@@ -106,6 +107,7 @@ export default class SidebarCreateSlate extends React.Component {
           <System.Input
             name="email"
             style={{ marginTop: 8 }}
+            type="email"
             placeholder="Email"
             value={this.state.email}
             onChange={this._handleChange}
@@ -114,6 +116,7 @@ export default class SidebarCreateSlate extends React.Component {
           <System.Input
             name="twitter"
             style={{ marginTop: 8 }}
+            type="text"
             placeholder="Twitter (optional)"
             value={this.state.twitter}
             onChange={this._handleChange}

scenes/SceneEditAccount.js

@@ -335,6 +335,7 @@ export default class SceneEditAccount extends React.Component {
                 name="username"
                 value={this.state.username}
                 placeholder="Username"
+                type="text"
                 onChange={this._handleUsernameChange}
               />
               <div style={{ marginTop: 24 }}>