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

Tweaks

Browse Source
This commit is contained in:
John Lyon-Smith
2018-06-05 15:35:46 -07:00
parent 3d0f1392ea
commit e60801ec3e
3 changed files with 25 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
website/src/Modal/MessageModal.js
View File

@@ -1,8 +1,8 @@
import React from 'react'
import PropTypes from 'prop-types'
import { Modal, Button, Column, Row, Text, Icon } from 'ui'
import { sizeInfo } from 'ui/style'
import autobind from 'autobind-decorator'
import React from "react"
import PropTypes from "prop-types"
import { Modal, Button, Column, Row, Text, Icon } from "ui"
import { sizeInfo } from "ui/style"
import autobind from "autobind-decorator"
export class MessageModal extends React.Component {
static propTypes = {
@@ -10,7 +10,7 @@ export class MessageModal extends React.Component {
icon: PropTypes.string.isRequired,
message: PropTypes.string.isRequired,
detail: PropTypes.string,
onDismiss: PropTypes.func
onDismiss: PropTypes.func,
}
@autobind
@@ -30,26 +30,34 @@ export class MessageModal extends React.Component {
return (
<Modal open={open} width={sizeInfo.modalWidth}>
<form onSubmit={this.onSubmit} id='messageModal'>
<form onSubmit={this.onSubmit} id="MessageForm">
<Row>
<Row.Item>
<Icon name={icon} size={sizeInfo.modalMessageIcon} />
</Row.Item>
<Row.Item grow>
<Column height='100%'>
<Column height="100%">
<Column.Item height={sizeInfo.formColumnSpacing} />
<Column.Item grow>
<Text width='100%' align='center'>{message}</Text>
<Text width="100%" align="center">
{message}
</Text>
</Column.Item>
<Column.Item>
<Text width='100%' align='center' color='dimmed' size='small'>{detail}</Text>
<Text width="100%" align="center" color="dimmed" size="small">
{detail}
</Text>
</Column.Item>
<Column.Item height={sizeInfo.formColumnSpacing} />
<Column.Item height={sizeInfo.buttonHeight}>
<Row>
<Row.Item grow />
<Row.Item>
<Button submit='messageModal' text='OK' onClick={this.onSubmit} />
<Button
submit="MessageForm"
text="OK"
onClick={this.onSubmit}
/>
</Row.Item>
<Row.Item grow />
</Row>