glitchier-soc/app/javascript/glitch/components/column/notif_cleaning_widget/container.js

/*

`<NotificationPurgeButtonsContainer>`
=========================

This container connects `<NotificationPurgeButtons>`s to the Redux store.

*/

//  * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *

/*

Imports:
--------

*/

//  Package imports  //
import { connect } from 'react-redux';

//  Our imports  //
import NotificationPurgeButtons from './notification_purge_buttons';
import {
  deleteMarkedNotifications,
  enterNotificationClearingMode,
} from '../../../../mastodon/actions/notifications';

//  * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *

/*

Dispatch mapping:
-----------------

The `mapDispatchToProps()` function maps dispatches to our store to the
various props of our component. We only need to provide a dispatch for
deleting notifications.

*/

const mapDispatchToProps = dispatch => ({
  onEnterCleaningMode(yes) {
    dispatch(enterNotificationClearingMode(yes));
  },

  onDeleteMarkedNotifications() {
    dispatch(deleteMarkedNotifications());
  },
});

const mapStateToProps = state => ({
  active: state.getIn(['notifications', 'cleaningMode']),
});

export default connect(mapStateToProps, mapDispatchToProps)(NotificationPurgeButtons);