26 lines
682 B
React
26 lines
682 B
React
|
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);
|