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

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

@@ -1,6 +1,6 @@
import React from 'react'
import PropTypes from 'prop-types'
import { Modal, Button, Icon, Column, Text } from 'ui'
import { Modal, Button, Column, Text } from 'ui'
export class MessageModal extends React.Component {
static propTypes = {
@@ -11,8 +11,10 @@ export class MessageModal extends React.Component {
}
render() {
const { onDismiss, open } = this.props
return (
<Modal open={this.props.open} onClose={this.props.onDismiss} closeOnDimmerClick={false}>
<Modal open={open} onCancel={onDismiss}>
<Column>
<Column.Item>
<Text>{this.props.title}</Text>
@@ -21,9 +23,7 @@ export class MessageModal extends React.Component {
<Text>{this.props.message}</Text>
</Column.Item>
<Column.Item>
<Button onClick={this.props.onDismiss}>
<Icon name='checkmark' /> OK
</Button>
<Button onClick={onDismiss}>OK</Button>
</Column.Item>
</Column>
</Modal>