Initial commit

website/src/Dialog/MessageDialog.js

@@ -0,0 +1,33 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+import { Modal, Button, Icon, Header } from 'semantic-ui-react'
+
+export class MessageDialog extends React.Component {
+  static propTypes = {
+    open: PropTypes.bool,
+    error: PropTypes.bool,
+    title: PropTypes.string.isRequired,
+    message: PropTypes.string.isRequired,
+    onDismiss: PropTypes.func
+  }
+
+  render() {
+    return (
+      <Modal dimmer='inverted' open={this.props.open} onClose={this.props.onDismiss}
+        closeOnDimmerClick={false}>
+        <Header
+          color={this.props.error ? 'red' : 'blue'}
+          icon={this.props.error ? 'warning circle' : 'info circle'}
+          content={this.props.title} />
+        <Modal.Content>
+          <h3>{this.props.message}</h3>
+        </Modal.Content>
+        <Modal.Actions>
+          <Button onClick={this.props.onDismiss}>
+            <Icon name='checkmark' /> OK
+          </Button>
+        </Modal.Actions>
+      </Modal>
+    )
+  }
+}