StarMC/Astral-nook
StarMC/Astral-nook
Archived
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

27
resources/scripts/components/auth/ResetPasswordContainer.tsx
View file

@ -1,5 +1,4 @@
import * as React from 'react';
import OpenInputField from '@/components/forms/OpenInputField';
import { RouteComponentProps } from 'react-router';
import { parse } from 'query-string';
import { Link } from 'react-router-dom';
@ -93,30 +92,26 @@ class ResetPasswordContainer extends React.PureComponent<Props, State> {
</h2>
<NetworkErrorMessage message={this.state.errorMessage}/>
<form className={'login-box'} onSubmit={this.onSubmit}>
<div className={'mt-3'}>
<OpenInputField
label={'Email'}
value={this.state.email || ''}
disabled
/>
</div>
<label>Email</label>
<input value={this.state.email || ''} disabled={true}/>
<div className={'mt-6'}>
<OpenInputField
autoFocus={true}
label={'New Password'}
description={'Passwords must be at least 8 characters in length.'}
<label htmlFor={'new-password'}>New Password</label>
<input
id={'new-password'}
type={'password'}
required={true}
id={'password'}
onChange={this.onPasswordChange}
/>
<p className={'input-help'}>
Passwords must be at least 8 characters in length.
</p>
</div>
<div className={'mt-6'}>
<OpenInputField
label={'Confirm New Password'}
<label htmlFor={'new-password-confirm'}>Confirm New Password</label>
<input
id={'new-password-confirm'}
type={'password'}
required={true}
id={'password-confirm'}
onChange={this.onPasswordConfirmChange}
/>
</div>