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

import './episode.css'

import EpisodeIndex from './containers/episode.index'
// import EpisodeNew from './containers/episode.new'
import EpisodeEdit from './containers/episode.edit'

class Container extends Component {
  render() {
    return (
      <div className='episodeContainer'>
        <Route exact path='/episode/:id/edit/' component={EpisodeEdit} />
        <Route exact path='/episode/' component={EpisodeIndex} />
      </div>
    )
  }
}
const mapStateToProps = state => ({
  episode: state.episode,
})

export default connect(mapStateToProps)(Container)

/*
  // episodes are now added via the project
  <Route exact path='/episode/new/' component={EpisodeNew} />
*/