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

Modal dismiss working

Browse Source
This commit is contained in:
John Lyon-Smith
2018-02-27 15:06:20 -08:00
parent c79df7722b
commit 4ce0638655
5 changed files with 22 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -7,6 +7,7 @@ import { Image, Link, Text, Row, Column, BoundInput, BoundCheckbox, BoundButton
import headerLogo from 'images/deighton.png'
import { versionInfo } from '../version'
import { FormBinder } from 'react-form-binder'
import { reactAutoBind } from 'auto-bind2'
export class Login extends React.Component {
static propTypes = {
@@ -34,8 +35,7 @@ export class Login extends React.Component {
constructor(props) {
super(props)
this.handleSubmit = this.handleSubmit.bind(this)
this.handleMessageModalDismiss = this.handleMessageModalDismiss.bind(this)
reactAutoBind(this)
this.state = {
waitModal: false,
messageModal: null,
@@ -88,6 +88,8 @@ export class Login extends React.Component {
}
render() {
const { messageModal, waitModal } = this.state
return (
<Row minHeight='100%'>
<Row.Item grow>&nbsp;</Row.Item>
@@ -143,11 +145,11 @@ export class Login extends React.Component {
</Row.Item>
<Row.Item grow>&nbsp;</Row.Item>
<WaitModal active={this.state.waitModal} message='Logging In' />
<WaitModal active={waitModal} message='Logging In' />
<MessageModal error open={!!this.state.messageModal}
title={this.state.messageModal ? this.state.messageModal.title : ''}
message={this.state.messageModal ? this.state.messageModal.message : ''}
<MessageModal error open={!!messageModal}
title={messageModal ? messageModal.title : ''}
message={messageModal ? messageModal.message : ''}
onDismiss={this.handleMessageModalDismiss} />
</Row>
)