import React, { Component } from 'react'
import { Route } from 'react-router-dom'
import { bindActionCreators } from 'redux'
import { connect } from 'react-redux'

import './index.css'

import actions from 'app/actions'
import { Header } from 'app/common'
// import * as uploadActions from './upload.actions'

import GraphIndex from './containers/graph.index'
import GraphNew from './containers/graph.new'
import GraphEdit from './containers/graph.edit'

class Container extends Component {
  componentDidMount() {
    actions.site.setSiteTitle("swimmer")
  }
  render() {
    return (
      <div>
        <Header />
        <div className='body'>
          <div className='index'>
            <Route exact path='/index/new' component={GraphNew} />
            <Route exact path='/index/:id/edit' component={GraphEdit} />
            <Route exact path='/index' component={GraphIndex} />
          </div>
        </div>
      </div>
    )
  }
}

export default Container