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])}>