diff --git a/js/components/ascribe_buttons/form_submit_button.js b/js/components/ascribe_buttons/form_submit_button.js index 087061d9..c0335a4b 100644 --- a/js/components/ascribe_buttons/form_submit_button.js +++ b/js/components/ascribe_buttons/form_submit_button.js @@ -55,4 +55,4 @@ const FormSubmitButton = React.createClass({ } }); -export default FormSubmitButton; \ No newline at end of file +export default FormSubmitButton; diff --git a/js/components/ascribe_forms/form.js b/js/components/ascribe_forms/form.js index fb7d4916..688d5428 100644 --- a/js/components/ascribe_forms/form.js +++ b/js/components/ascribe_forms/form.js @@ -3,6 +3,8 @@ import React from 'react'; import ReactAddons from 'react/addons'; +import classNames from 'classnames'; + import Button from 'react-bootstrap/lib/Button'; import AlertDismissable from './alert'; @@ -206,21 +208,30 @@ let Form = React.createClass({ }, getButtons() { - if (this.state.submitted) { - return this.props.spinner; - } - if (this.props.buttons !== undefined) { - return this.props.buttons; + const { buttons, disabled, buttonSubmitText, spinner } = this.props; + const { submitted, edited } = this.state; + + if (submitted || buttons !== undefined) { + return ( +
+
+ {spinner} +
+
+ {buttons} +
+
+ ); } - if (this.state.edited && !this.props.disabled) { + if (edited && !disabled) { return (