StarMC/Astral-nook
StarMC/Astral-nook
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Redesign the login form to not use the weird open fields

Browse source
This commit is contained in:
Dane Everitt 2019-06-22 13:11:27 -07:00
parent 56640253b9
commit 7f3ab8aadf
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53
6 changed files with 43 additions and 169 deletions
Download patch file Download diff file Expand all files Collapse all files

30
resources/scripts/components/auth/LoginContainer.tsx
View file

@ -1,5 +1,4 @@
import * as React from 'react';
import OpenInputField from '@/components/forms/OpenInputField';
import { Link, RouteComponentProps } from 'react-router-dom';
import login from '@/api/auth/login';
import { httpErrorToHuman } from '@/api/http';
@ -65,23 +64,22 @@ export default class LoginContainer extends React.PureComponent<RouteComponentPr
</h2>
<NetworkErrorMessage message={this.state.errorMessage}/>
<form className={'login-box'} onSubmit={this.submit}>
<div className={'mt-3'}>
<OpenInputField
autoFocus={true}
label={'Username or Email'}
type={'text'}
required={true}
id={'username'}
onChange={this.handleFieldUpdate}
disabled={this.state.isLoading}
/>
</div>
<label htmlFor={'username'}>Username or Email</label>
<input
id={'username'}
autoFocus={true}
required={true}
className={'input'}
onChange={this.handleFieldUpdate}
disabled={this.state.isLoading}
/>
<div className={'mt-6'}>
<OpenInputField
label={'Password'}
type={'password'}
required={true}
<label htmlFor={'password'}>Password</label>
<input
id={'password'}
required={true}
type={'password'}
className={'input'}
onChange={this.handleFieldUpdate}
disabled={this.state.isLoading}
/>