diff --git a/react/components/PublishStatus.jsx b/react/components/PublishStatus.jsx index 49673c26..92279b92 100644 --- a/react/components/PublishStatus.jsx +++ b/react/components/PublishStatus.jsx @@ -46,7 +46,7 @@ function PublishStatus ({ status, message }) { PublishStatus.propTypes = { status : PropTypes.string.isRequired, - message: PropTypes.string.isRequired, + message: PropTypes.string, }; export default PublishStatus; diff --git a/react/containers/ChannelCreateForm/view.jsx b/react/containers/ChannelCreateForm/view.jsx index 42eef305..44a1041b 100644 --- a/react/containers/ChannelCreateForm/view.jsx +++ b/react/containers/ChannelCreateForm/view.jsx @@ -1,4 +1,5 @@ import React from 'react'; +import ProgressBar from 'components/ProgressBar'; import { makeGetRequest, makePostRequest } from 'utils/xhr'; import { setUserCookies } from 'utils/cookies'; @@ -150,7 +151,10 @@ class ChannelCreateForm extends React.Component { </div> </form> ) : ( - <p className="label">{this.state.status}</p> + <div> + <p className="fine-print">{this.state.status}</p> + <ProgressBar size={12}/> + </div> )} </div> ); diff --git a/react/containers/PublishMetadataInputs/view.jsx b/react/containers/PublishMetadataInputs/view.jsx index 181e1c34..8ef2d3c5 100644 --- a/react/containers/PublishMetadataInputs/view.jsx +++ b/react/containers/PublishMetadataInputs/view.jsx @@ -25,7 +25,6 @@ class PublishMetadataInputs extends React.Component { render () { return ( <div id="publish-details" className="row row--padded row--no-top row--wide"> - <a className="label link--primary" id="publish-details-toggle" href="#" onClick={this.toggleShowInputs}>{this.props.showMetadataInputs ? '[less]' : '[more]'}</a> {this.props.showMetadataInputs && ( <div> <div className="row row--no-top"> @@ -66,6 +65,7 @@ class PublishMetadataInputs extends React.Component { </div> </div> )} + <a className="label link--primary" id="publish-details-toggle" href="#" onClick={this.toggleShowInputs}>{this.props.showMetadataInputs ? '[less]' : '[more]'}</a> </div> ); }