import React from 'react'
import ReactDOM from 'react-dom'
import { Route, Router, IndexRoute, browserHistory } from 'react-router'
import { Provider } from 'react-redux'
import { syncHistoryWithStore } from 'react-router-redux'

import App from './components/App'
import AuthenticatedContainer from './components/AuthenticatedContainer'
import GroupView from './views/GroupView'
import HomeView from './components/HomeView'
import LoginView from './components/LoginView'
import MeContainer from './components/MeContainer'
import NewVideoView from './components/NewVideoView'
import NotAuthenticatedContainer from './components/NotAuthenticatedContainer'
import RegisterView from './components/RegisterView'
import UserContainer from './components/UserContainer'
import UserFollowers from './components/UserFollowers'
import UserFollowing from './components/UserFollowing'
import UserOrganizations from './components/UserOrganizations'
import UserOverview from './components/UserOverview'
import UserPlaylists from './components/UserPlaylists'
import UserSeries from './components/UserSeries'
import UserShows from './components/UserShows'
import UserVideos from './components/UserVideos'
import VideoView from './components/VideoView'

import configureStore from './store'

import './index.css'
import 'normalize.css/normalize.css'

const store = configureStore()
const history = syncHistoryWithStore(browserHistory, store)

ReactDOM.render(
  <Provider store={store}>
    <Router history={history}>
      <Route path='/' component={App}>
        <IndexRoute component={HomeView} />
        <Route component={NotAuthenticatedContainer}> 
          <Route path='auth/login' component={LoginView} />
          <Route path='auth/register' component={RegisterView} />
        </Route>
        <Route component={AuthenticatedContainer}>
          <Route path='me' component={MeContainer} >
            <IndexRoute component={UserOverview} />
            <Route path='videos' component={UserVideos} />
            <Route path='organizations' component={UserOrganizations} />
            <Route path='following'  component={UserFollowing} />
            <Route path='followers' component={UserFollowers} />
            <Route path='shows' component={UserShows} />
            <Route path='series' component={UserSeries} />
            <Route path='playlists' component={UserPlaylists} />
          </Route>
          <Route path='videos/new' component={NewVideoView} />
        </Route>
        <Route path='groups/:groupName' component={GroupView} />
        <Route path='users/:userId' component={UserContainer}>
          <IndexRoute component={UserOverview} />
            <IndexRoute component={UserOverview} />
            <Route path='videos' component={UserVideos} />
            <Route path='organizations' component={UserOrganizations} />
            <Route path='following'  component={UserFollowing} />
            <Route path='followers' component={UserFollowers} />
            <Route path='shows' component={UserShows} />
            <Route path='series' component={UserSeries} />
            <Route path='playlists' component={UserPlaylists} />
        </Route>
        <Route path='videos/:videoId' component={VideoView} />
        <Route path='*' component={HomeView} />
      </Route>
    </Router>
  </Provider>,
  document.getElementById('root')
)

@@ -2592,34 +2592,35 @@
 =%7BUserContainer%7D
+ 
 %3E%0A
-
           %3CIndex
@@ -2657,62 +2657,8 @@
  /%3E%0A
-            %3CIndexRoute component=%7BUserOverview%7D /%3E%0A  
     
@@ -2702,34 +2702,32 @@
 %7BUserVideos%7D /%3E%0A
-  
           %3CRoute
@@ -2773,34 +2773,32 @@
 ganizations%7D /%3E%0A
-  
           %3CRoute
@@ -2847,34 +2847,32 @@
 g%7D /%3E%0A          
-  
 %3CRoute path='fol
@@ -2900,34 +2900,32 @@
 erFollowers%7D /%3E%0A
-  
           %3CRoute
@@ -2965,34 +2965,32 @@
 s%7D /%3E%0A          
-  
 %3CRoute path='ser
@@ -3012,34 +3012,32 @@
 %7BUserSeries%7D /%3E%0A
-  
           %3CRoute

Clean up routes indent and content