my-app/src/components/notifications-switch.js

notifications-switch.js

import React from 'react'
import { connect } from 'react-redux'
import { actions } from '../store/actions'

const mapStateToProps = (state) => ({
  notifications: state.settings.notifications
})

const NotificationsSwitch = ({notifications, dispatch}) => (
  <label>
    <span>Notifications</span>
    <input
      type='checkbox'
      checked={notifications}
      onChange={(event) => {
        dispatch(actions.setNotifications(event.target.checked))
      }}
    />
  </label>
)

export default connect(mapStateToProps)(NotificationsSwitch)