import * as React from 'react'
import { BrowserRouter } from 'react-router-dom'
import { render } from 'react-dom'
import { Route } from 'react-router'

import { allRoutes } from './routes'

import './main.scss'

render(
  <BrowserRouter>
    {allRoutes.map(route =>
      <Route key={route.routePath} component={route.component} path={route.routePath}/>
    )}
  </BrowserRouter>,
  document.getElementById('app')
)
import * as React from 'react'
import { BrowserRouter } from 'react-router-dom'
import { render } from 'react-dom'
import { Route } from 'react-router'

// import { allRoutes } from './routes'
import { ConnectedApp } from './ConnectedApp'

import './main.scss'

render(
  <BrowserRouter>
    <div>
      <Route exact={true} path="/" component={ConnectedApp}/>
      <Route path="/:filter" component={ConnectedApp}/>
      {/*{allRoutes.map(route =>
        <Route key={route.routePath} component={route.component} path={route.routePath}/>
      )}*/}
    </div>
  </BrowserRouter>,
  document.getElementById('app')
)
Make the app show render, but filters still broken
Make the app show render, but filters still broken
