App.js

import React from 'react'
import actions from '../store/actions'
import { connect } from 'redux-zero/react'
import PropTypes from 'prop-types'

require('./App.scss') // eslint-disable-line no-undef

const App = ({ error, children, resetError }) => (
  <div>
    {
      error &&
        <div className="alert alert-danger">
          <button onClick={resetError} type="button" className="close" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
          An error occurred!
        </div>
    }

    {children}
  </div>
)

App.defaultProps = {
  error: {}
}

App.propTypes = {
  error: PropTypes.object,
  children: PropTypes.object,
  resetError: PropTypes.function
}

const mapToProps = ({ error }) => ({ error })

export default connect(mapToProps, actions)(App)