diff --git a/app/javascript/src/components/AlertsContainer/components/Alert.jsx b/app/javascript/src/components/AlertsContainer/components/Alert.jsx index 54d26d4df..944e4560c 100644 --- a/app/javascript/src/components/AlertsContainer/components/Alert.jsx +++ b/app/javascript/src/components/AlertsContainer/components/Alert.jsx @@ -49,20 +49,23 @@ class Alert extends Component { `glyphicon ${Alert.glyphiconClass(this.props.type)}`; - return( + return ( - - - -  {this.props.message} - + + + + + +  {this.props.message} + + + ); } diff --git a/app/javascript/src/components/AlertsContainer/index.jsx b/app/javascript/src/components/AlertsContainer/index.jsx index 9e2dae033..51a0b81d2 100644 --- a/app/javascript/src/components/AlertsContainer/index.jsx +++ b/app/javascript/src/components/AlertsContainer/index.jsx @@ -21,6 +21,7 @@ class AlertsContainer extends Component { this.add = this.add.bind(this); this.clearAll = this.clearAll.bind(this); + this.clear = this.clear.bind(this); this.renderAlert = this.renderAlert.bind(this); // Bind self to global namespace @@ -31,9 +32,7 @@ class AlertsContainer extends Component { this.setState( update( this.state, - { - alerts: { $push: [{ message, type, timeout }] } - } + { alerts: { $push: [{ message, type, timeout }] } } ) ); } @@ -65,8 +64,7 @@ class AlertsContainer extends Component { {this.state.alerts.map((alert, index) => + classNames="alert-animated"> {this.renderAlert(alert, index)} )} diff --git a/app/javascript/src/index.jsx b/app/javascript/src/index.jsx index f92d4ce7a..1328b9fca 100644 --- a/app/javascript/src/index.jsx +++ b/app/javascript/src/index.jsx @@ -24,8 +24,7 @@ const ContentWrapper = styled.div` const ScinoteApp = () => + messages={flattenMessages(messages[locale])}>