diff --git a/packages/nova-forms/README.md b/packages/nova-forms/README.md index c04dcd5e2..03b6b25e7 100644 --- a/packages/nova-forms/README.md +++ b/packages/nova-forms/README.md @@ -26,6 +26,8 @@ This package can generate new document and edit document forms from a [SimpleSch react react-intl formsy-react react-bootstrap formsy-react-components ``` +You also need to load Bootstrap's CSS separately. + ### Usage Example schema: diff --git a/packages/nova-forms/lib/Flash.jsx b/packages/nova-forms/lib/Flash.jsx new file mode 100644 index 000000000..7ccd4eafd --- /dev/null +++ b/packages/nova-forms/lib/Flash.jsx @@ -0,0 +1,20 @@ +import React, { PropTypes, Component } from 'react'; +import { Alert } from 'react-bootstrap'; + +const Flash = () => { + + let type = this.props.message.type; + type = type === "error" ? "danger" : type; // if type is "error", use "danger" instead + + return ( + + {this.props.message.content} + + ) +} + +Flash.propTypes = { + message: React.PropTypes.object.isRequired +} + +export default Flash; \ No newline at end of file diff --git a/packages/nova-forms/lib/NovaForm.jsx b/packages/nova-forms/lib/NovaForm.jsx index a93c57cbb..53c294e9f 100644 --- a/packages/nova-forms/lib/NovaForm.jsx +++ b/packages/nova-forms/lib/NovaForm.jsx @@ -2,7 +2,7 @@ import React, { PropTypes, Component } from 'react'; import { FormattedMessage, intlShape } from 'react-intl'; import Formsy from 'formsy-react'; import { Button } from 'react-bootstrap'; - +import Flash from "./Flash.jsx"; import FormGroup from "./FormGroup.jsx"; import { flatten, deepValue, getEditableFields, getInsertableFields } from './utils.js'; @@ -212,7 +212,6 @@ class NovaForm extends Component{ // render errors renderErrors() { - Flash = Telescope.components.Flash; return
{this.state.errors.map(message => )}
}