import React from 'react';
import CollectionContainer from './containers/CollectionContainer.js';
import ReleaseContainer from './containers/ReleaseContainer.js';
import Container from './components/NavigationBar.js';
import RecordBagContainer from './containers/RecordBagContainer.js';
import { Router, Route, IndexRedirect, hashHistory } from 'react-router';

const App = () => (
  <Router history={hashHistory}>
    <Route path="/" component={Container}>
      <IndexRedirect to="/collection" />
      <Route path="collection" component={CollectionContainer} />
      <Route path="collection/:release" component={ReleaseContainer} />
      <Route path="bag" component={RecordBagContainer} />
    </Route>
  </Router>
);

export default App;

import React from 'react';
import CollectionContainer from './containers/CollectionContainer.js';
import ReleaseContainer from './containers/ReleaseContainer.js';
import Container from './components/NavigationBar.js';
import RecordBagContainer from './containers/RecordBagContainer.js';
import { Router, Route, IndexRedirect, hashHistory } from 'react-router';

const App = () => (
  <Router history={hashHistory}>
    <Route path="/" component={Container}>
      <IndexRedirect to="/bag" />
      <Route path="collection" component={CollectionContainer} />
      <Route path="collection/:release" component={ReleaseContainer} />
      <Route path="bag" component={RecordBagContainer} />
    </Route>
  </Router>
);

export default App;

Change index redirect to record bag
Change index redirect to record bag
