john/deighton-ar
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Fixed message dialog

Browse Source
This commit is contained in:
John Lyon-Smith
2018-02-28 10:53:32 -08:00
parent 4ce0638655
commit c2eeccb66f
16 changed files with 101 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
website/src/Auth/Login.js
View File

@@ -8,6 +8,7 @@ import headerLogo from 'images/deighton.png'
import { versionInfo } from '../version'
import { FormBinder } from 'react-form-binder'
import { reactAutoBind } from 'auto-bind2'
import { sizeInfo } from 'ui/style'
export class Login extends React.Component {
static propTypes = {
@@ -38,7 +39,7 @@ export class Login extends React.Component {
reactAutoBind(this)
this.state = {
waitModal: false,
messageModal: null,
messageModal: { icon: 'hold', message: 'Wait there just a second', detail: 'This is just a test' },
binder: new FormBinder({}, Login.bindings)
}
}
@@ -77,7 +78,7 @@ export class Login extends React.Component {
this.setState({
binder: new FormBinder({ email: this.state.binder.getFieldValue('email').value }, Login.bindings),
waitModal: false,
messageModal: { title: 'Login Error...', message: `Unable to login. ${error.message}` }
messageModal: { icon: 'hold', message: `Unable to login`, detail: error.message }
})
})
}
@@ -126,11 +127,11 @@ export class Login extends React.Component {
</Row>
</Column.Item>
<Column.Item height={20} />
<Column.Item height={40}>
<Column.Item height={sizeInfo.buttonHeight}>
<Row>
<Row.Item grow />
<Row.Item>
<BoundButton name='submit' width={100} content='Login' submit binder={this.state.binder} />
<BoundButton name='submit' content='Login' submit binder={this.state.binder} />
</Row.Item>
</Row>
</Column.Item>
@@ -148,8 +149,9 @@ export class Login extends React.Component {
<WaitModal active={waitModal} message='Logging In' />
<MessageModal error open={!!messageModal}
title={messageModal ? messageModal.title : ''}
icon={messageModal ? messageModal.icon : ''}
message={messageModal ? messageModal.message : ''}
detail={messageModal ? messageModal.detail : ''}
onDismiss={this.handleMessageModalDismiss} />
</Row>
)