diff --git a/client/src/components/ContentState/ContentState.jsx b/client/src/components/ContentState/ContentState.jsx new file mode 100644 index 0000000..2b96692 --- /dev/null +++ b/client/src/components/ContentState/ContentState.jsx @@ -0,0 +1,50 @@ +import React from 'react' + + +const states = { + "needs_review" : { + text : "Needs Review", + color : "orange" + }, + "validated" : { + text : "Validated", + color : "green" + }, + "rejected" : { + text : "Rejected", + color : "red" + } +} + +const style = { + border : "1px solid #ccc", + borderRadius : "5px", + fontSize : ".7em", + padding : ".5em 1em" +} + +export default class ContentState extends React.Component { + render() { + + let {state, errors} = this.props; + + if (!errors) errors = [] + + let text = errors.length ? + `${errors.length} errors ` + : + states[state].text + + let color = errors.length ? + "red" + : + states[state].color + + + return ( + + {text} + + ) + } +} diff --git a/client/src/components/Form/MultiSelect.jsx b/client/src/components/Form/MultiSelect.jsx index 432b89d..e1fdb24 100644 --- a/client/src/components/Form/MultiSelect.jsx +++ b/client/src/components/Form/MultiSelect.jsx @@ -31,6 +31,13 @@ export default class MultiSelect extends React.Component { render() { + const error = this.props.error ? + + { this.props.error } + + : + null + const lis = this.props.value ? this.props.value.map( (item, i) =>
  • {item.name} ) + let style= { height: '20%'}; + return ( { @@ -53,7 +62,12 @@ export default class MultiSelect extends React.Component {