2019-02-18 10:29:32 -08:00
|
|
|
import { injectIntl } from 'react-intl';
|
2016-11-20 10:39:18 -08:00
|
|
|
import { connect } from 'react-redux';
|
|
|
|
import { NotificationStack } from 'react-notification';
|
2017-12-03 23:26:40 -08:00
|
|
|
import { dismissAlert } from 'flavours/glitch/actions/alerts';
|
|
|
|
import { getAlerts } from 'flavours/glitch/selectors';
|
2016-09-12 10:20:55 -07:00
|
|
|
|
2019-02-18 10:29:32 -08:00
|
|
|
const mapStateToProps = (state, { intl }) => {
|
|
|
|
const notifications = getAlerts(state);
|
|
|
|
|
|
|
|
notifications.forEach(notification => ['title', 'message'].forEach(key => {
|
|
|
|
const value = notification[key];
|
|
|
|
|
|
|
|
if (typeof value === 'object') {
|
2019-08-27 07:50:39 -07:00
|
|
|
notification[key] = intl.formatMessage(value, notification[`${key}_values`]);
|
2019-02-18 10:29:32 -08:00
|
|
|
}
|
|
|
|
}));
|
|
|
|
|
|
|
|
return { notifications };
|
|
|
|
};
|
2016-09-12 10:20:55 -07:00
|
|
|
|
|
|
|
const mapDispatchToProps = (dispatch) => {
|
|
|
|
return {
|
2016-11-20 10:39:18 -08:00
|
|
|
onDismiss: alert => {
|
|
|
|
dispatch(dismissAlert(alert));
|
2017-05-20 08:31:47 -07:00
|
|
|
},
|
2016-09-12 10:20:55 -07:00
|
|
|
};
|
|
|
|
};
|
|
|
|
|
2019-02-18 10:29:32 -08:00
|
|
|
export default injectIntl(connect(mapStateToProps, mapDispatchToProps)(NotificationStack));
|