Basic UI elements in place

website/src/ui/BoundEmailIcon.js

@@ -0,0 +1,42 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+import { Text, Button, Icon } from 'ui'
+
+export default class BoundEmailIcon extends React.Component {
+  static propTypes = {
+    name: PropTypes.string,
+    binder: PropTypes.object,
+    width: PropTypes.number,
+    onClick: PropTypes.func
+  }
+
+  constructor(props) {
+    super(props)
+    this.state = props.binder.getField('emailValidated')
+  }
+
+  componentWillReceiveProps(nextProps) {
+    if (nextProps.binder !== this.props.binder) {
+      this.setState(nextProps.binder.getField(nextProps.name))
+    }
+  }
+
+  render() {
+    if (this.state.value) {
+      return (
+        <div width={this.props.width}>
+          <Text>&nbsp;</Text>
+          <Icon name='mail' color='green' size='big' />
+        </div>
+      )
+    } else {
+      return (
+        <div width={this.props.width}>
+          <Text>&nbsp;</Text>
+          <Button icon='mail outline' color='red' labelPosition='left'
+            content='Resend Email' onClick={this.props.onClick} disabled={this.state.disabled} />
+        </div>
+      )
+    }
+  }
+}