af83/chouette-core

import React, { Component } from 'react'
import PropTypes from 'prop-types'
import { connect } from'react-redux'
import actions from '../actions'
import Metas from './Metas'
import Timetable from './Timetable'
import Navigate from './Navigate'
import PeriodForm from './PeriodForm'
import PeriodList from './PeriodList'
import CancelTimetable from './CancelTimetable'
import SaveTimetable from './SaveTimetable'
import ConfirmModal from './ConfirmModal'
import ErrorModal from './ErrorModal'

class App extends Component {
  componentDidMount(){
    this.props.onLoadFirstPage()
    document.dispatchEvent(new Event('submitMover'))
  }

  getChildContext() {
    return { I18n }
  }

  render(){
    return(
      <div className='row'>
        <div className="col-lg-8 col-lg-offset-2 col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1">
          <Metas isCalendar={this.props.isCalendar} />
          <Navigate />
          <Timetable />
          <PeriodForm />
          <PeriodList />
          <CancelTimetable />
          <SaveTimetable />
          <ConfirmModal />
          <ErrorModal />
        </div>
      </div>
    )
  }
}
const mapStateToProps = (_state, ownProps) => ({ ...ownProps })
const mapDispatchToProps = (dispatch) => {
  return {
    onLoadFirstPage: () =>{
      dispatch(actions.fetchingApi())
      actions.fetchTimeTables(dispatch)
    }
  }
}

App.defaultProps = {
  isCalendar: false
}

App.propTypes = {
  isCalendar: PropTypes.bool.isRequired,
  onLoadFirstPage: PropTypes.func.isRequired
}

App.childContextTypes = {
  I18n: PropTypes.object
}

const timeTableApp = connect(mapStateToProps, mapDispatchToProps)(App)

export default timeTableApp