13dce12665
* create FilterBar componer and its container, unstyled * introduce basic styling for FilterBar * add selection css * allow FilterBar to display active CSS with js * connect the FilterBar to the Redux state * change getNotifications to use filter * remove temporary comments * add an option to turn the FilterBar off in settings * fix showFilterBar data type to boolean * fix eslint errors * add English and Polish translations * allowed filter bar overflow to accomodate for longer languages * fix mispelled translation key * add unified CSS look * replace text in FilterBar with icons * add tooltips * replace text @ with an icon * introduce simple and advanced filtering view * add ability to toggle the advanced view * add Polish translations * change Advanced View description to be more clear * make each filter flush notifications and load new ones, fixing pagination * simplify getNotifications once frontend filtering is not needed for FilterBar * add a semicolon * Revert "simplify getNotifications once frontend filtering is not needed for FilterBar" This reverts commit 9f4be7857135b0327814bd22a3e8a4e7b546f7cc. * reset filter to 'all' when turning off FilterBar
44 lines
1.6 KiB
JavaScript
44 lines
1.6 KiB
JavaScript
import { connect } from 'react-redux';
|
|
import { defineMessages, injectIntl } from 'react-intl';
|
|
import ColumnSettings from '../components/column_settings';
|
|
import { changeSetting } from '../../../actions/settings';
|
|
import { setFilter } from '../../../actions/notifications';
|
|
import { clearNotifications } from '../../../actions/notifications';
|
|
import { changeAlerts as changePushNotifications } from '../../../actions/push_notifications';
|
|
import { openModal } from '../../../actions/modal';
|
|
|
|
const messages = defineMessages({
|
|
clearMessage: { id: 'notifications.clear_confirmation', defaultMessage: 'Are you sure you want to permanently clear all your notifications?' },
|
|
clearConfirm: { id: 'notifications.clear', defaultMessage: 'Clear notifications' },
|
|
});
|
|
|
|
const mapStateToProps = state => ({
|
|
settings: state.getIn(['settings', 'notifications']),
|
|
pushSettings: state.get('push_notifications'),
|
|
});
|
|
|
|
const mapDispatchToProps = (dispatch, { intl }) => ({
|
|
|
|
onChange (path, checked) {
|
|
if (path[0] === 'push') {
|
|
dispatch(changePushNotifications(path.slice(1), checked));
|
|
} else if (path[0] === 'quickFilter') {
|
|
dispatch(changeSetting(['notifications', ...path], checked));
|
|
dispatch(setFilter('all'));
|
|
} else {
|
|
dispatch(changeSetting(['notifications', ...path], checked));
|
|
}
|
|
},
|
|
|
|
onClear () {
|
|
dispatch(openModal('CONFIRM', {
|
|
message: intl.formatMessage(messages.clearMessage),
|
|
confirm: intl.formatMessage(messages.clearConfirm),
|
|
onConfirm: () => dispatch(clearNotifications()),
|
|
}));
|
|
},
|
|
|
|
});
|
|
|
|
export default injectIntl(connect(mapStateToProps, mapDispatchToProps)(ColumnSettings));
|