import React from 'react'
import { Router, Route, IndexRoute } from 'react-router'
import browserHistory from './browserHistory'
import Step1 from './components/Step1'
// import Step2 from './components/Step2'
// import Step3 from './components/Step3'
import Map from './components/map/Map'
import MultiForm from './components/MultiForm'
import DepotDetails from './components/details/DepotDetails'
import FarmDetails from './components/details/FarmDetails'
import UserSignIn from './components/user/UserSignIn'

require('./App.css')

const RootElement = () => (
  <Router history={browserHistory}>
    <Route path="/new/entry" component={MultiForm}>
      <IndexRoute component={Step1} />
    </Route>
    <Route path="/new/depots/:id" component={DepotDetails} />
    <Route path="/new/farms/:id" component={FarmDetails} />
    <Route path="/new/users/sign_in" component={UserSignIn} />
    <Route path="/new" domponent={Map} />
  </Router>
)

const App = () => (
  <RootElement />
)

export default App;

import React from 'react'
import { Router, Route, IndexRoute } from 'react-router'
import browserHistory from './browserHistory'
import Step1 from './components/Step1'
// import Step2 from './components/Step2'
// import Step3 from './components/Step3'
import Map from './components/map/Map'
import MultiForm from './components/MultiForm'
import DepotDetails from './components/details/DepotDetails'
import FarmDetails from './components/details/FarmDetails'
import UserSignIn from './components/user/UserSignIn'

require('./App.css')

const RootElement = () => (
  <Router history={browserHistory}>
    <Route path="/new/entry" component={MultiForm}>
      <IndexRoute component={Step1} />
    </Route>
    <Route path="/new/depots/:id" component={DepotDetails} />
    <Route path="/new/farms/:id" component={FarmDetails} />
    <Route path="/new/users/sign_in" component={UserSignIn} />
    <Route path="/new" component={Map} />
  </Router>
)

const App = () => (
  <RootElement />
)

export default App;

Fix typo.