about summary refs log tree commit diff
path: root/app/assets/javascripts/components/containers
diff options
context:
space:
mode:
authorEugen Rochko <eugen@zeonfederated.com>2016-09-12 19:20:55 +0200
committerEugen Rochko <eugen@zeonfederated.com>2016-09-12 19:20:55 +0200
commitd6a64f45fd4530cfee4f7721f0c6e7ca28fe677f (patch)
tree64b6813d49d458c5833f40c9668c4677f56eaf42 /app/assets/javascripts/components/containers
parent05b0c985b4d4b313e75ae506fb43b5690afade8d (diff)
Adding a notification stack for error messages
Diffstat (limited to 'app/assets/javascripts/components/containers')
-rw-r--r--app/assets/javascripts/components/containers/notifications_container.jsx25
1 files changed, 25 insertions, 0 deletions
diff --git a/app/assets/javascripts/components/containers/notifications_container.jsx b/app/assets/javascripts/components/containers/notifications_container.jsx
new file mode 100644
index 000000000..68173b34e
--- /dev/null
+++ b/app/assets/javascripts/components/containers/notifications_container.jsx
@@ -0,0 +1,25 @@
+import { connect }             from 'react-redux';
+import { NotificationStack }   from 'react-notification';
+import { dismissNotification } from '../actions/notifications';
+
+const mapStateToProps = (state, props) => {
+  return {
+    notifications: state.get('notifications').map((item, i) => ({
+      message: item.get('message'),
+      title: item.get('title'),
+      key: i,
+      action: 'Dismiss',
+      dismissAfter: 5000
+    })).toJS()
+  };
+};
+
+const mapDispatchToProps = (dispatch) => {
+  return {
+    onDismiss: notifiction => {
+      dispatch(dismissNotification(notifiction));
+    }
+  };
+};
+
+export default connect(mapStateToProps, mapDispatchToProps)(NotificationStack);