diff --git a/js/components/ascribe_forms/form_consign.js b/js/components/ascribe_forms/form_consign.js index d88add94..0d4fa899 100644 --- a/js/components/ascribe_forms/form_consign.js +++ b/js/components/ascribe_forms/form_consign.js @@ -4,11 +4,12 @@ import React from 'react'; import Button from 'react-bootstrap/lib/Button'; +import InputTextAreaToggable from './input_textarea_toggable'; import Form from './form'; import Property from './property'; -import InputTextAreaToggable from './input_textarea_toggable'; import AscribeSpinner from '../ascribe_spinner'; + import AclInformation from '../ascribe_buttons/acl_information'; import { getLangText } from '../../utils/lang_utils.js'; @@ -30,12 +31,33 @@ let ConsignForm = React.createClass({ }; }, + getInitialState() { + return { + email: this.props.email + }; + }, + getFormData() { return this.props.id; }, + handleEmailOnChange(event) { + // event.target.value is the submitted email of the consignee + this.setState({ + email: event && event.target && event.target.value || '' + }); + }, + render() { - const { autoFocusProperty, email, id, handleSuccess, message, labels, url } = this.props; + const { email } = this.state; + const { + autoFocusProperty, + email: defaultEmail, + handleSuccess, + id, + message, + labels, + url } = this.props; return (
+ editable={!defaultEmail} + onChange={this.handleEmailOnChange} + overrideForm={!!defaultEmail}> + editable={!defaultEmail} + onChange={this.handleEmailOnChange} + overrideForm={!!defaultEmail}>