2019-02-19 03:29:32 +09:00
|
|
|
import { injectIntl } from 'react-intl';
|
2016-11-21 03:39:18 +09:00
|
|
|
import { connect } from 'react-redux';
|
|
|
|
import { NotificationStack } from 'react-notification';
|
2017-12-04 16:26:40 +09:00
|
|
|
import { dismissAlert } from 'flavours/glitch/actions/alerts';
|
|
|
|
import { getAlerts } from 'flavours/glitch/selectors';
|
2016-09-13 02:20:55 +09:00
|
|
|
|
2019-02-19 03:29:32 +09: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 23:50:39 +09:00
|
|
|
notification[key] = intl.formatMessage(value, notification[`${key}_values`]);
|
2019-02-19 03:29:32 +09:00
|
|
|
}
|
|
|
|
}));
|
|
|
|
|
|
|
|
return { notifications };
|
|
|
|
};
|
2016-09-13 02:20:55 +09:00
|
|
|
|
|
|
|
const mapDispatchToProps = (dispatch) => {
|
|
|
|
return {
|
2016-11-21 03:39:18 +09:00
|
|
|
onDismiss: alert => {
|
|
|
|
dispatch(dismissAlert(alert));
|
2017-05-21 00:31:47 +09:00
|
|
|
},
|
2016-09-13 02:20:55 +09:00
|
|
|
};
|
|
|
|
};
|
|
|
|
|
2019-02-19 03:29:32 +09:00
|
|
|
export default injectIntl(connect(mapStateToProps, mapDispatchToProps)(NotificationStack));
|