app/assets/javascripts/components/features/ui/containers/notifications_container.jsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
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);