flexor-web/src/components/notification-container/index.ts

import { Dispatch } from 'redux'
import { connect } from 'react-redux'

import { setNotificationAuto, removeNotification } from 'src/actions/notifications'
import { getNotifications } from 'src/selectors'
import { AppState } from 'src/types'

import NotificationContainer from './notification-container'

const mapStateToProps = (state: AppState) => ({
    notifications: getNotifications(state),
})

const mapDispatchToProps = (dispatch: Dispatch) => ({
    setAuto: (id: string) => {
        dispatch(setNotificationAuto(id))
    },
    dismiss: (id: string) => {
        dispatch(removeNotification(id))
    }
})

export default connect(
    mapStateToProps,
    mapDispatchToProps
)(NotificationContainer)