Removed Semantic UI React

website/src/Dialog/MessageDialog.js

@@ -1,11 +1,10 @@
 import React from 'react'
 import PropTypes from 'prop-types'
-import { Modal, Button, Icon, Header } from 'semantic-ui-react'
+import { Modal, Button, Icon, StackLayout, Text } from '../ui'
 
 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
@@ -13,20 +12,20 @@ export class MessageDialog extends React.Component {
 
   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 open={this.props.open} onClose={this.props.onDismiss} closeOnDimmerClick={false}>
+        <StackLayout>
+          <StackLayout.Item>
+            <Text>{this.props.title}</Text>
+          </StackLayout.Item>
+          <StackLayout.Item>
+            <Text>{this.props.message}</Text>
+          </StackLayout.Item>
+          <StackLayout.Item>
+            <Button onClick={this.props.onDismiss}>
+              <Icon name='checkmark' /> OK
+            </Button>
+          </StackLayout.Item>
+        </StackLayout>
       </Modal>
     )
   }