require('../stylesheets/app.scss');
import React, { Component } from 'react';
import { render } from 'react-dom';
import { Router, Route, Link, hashHistory, IndexRoute } from 'react-router';
import { TabContent } from './TabContent';
import { App } from './App';

class AllContent extends Component {
	constructor(props) {
		super(props);
	}

	render() {
		return (
			<TabContent />
		);
	}
}

class StarredContent extends Component {
	constructor(props) {
		super(props);
	}

	render() {
		return (
			<TabContent />
		);
	}
}

class ActiveContent extends Component {
	constructor(props) {
		super(props);
	}

	render() {
		return (
			<TabContent />
		);
	}
}

class CompleteContent extends Component {
	constructor(props) {
		super(props);
	}

	render() {
		return (
			<TabContent />
		);
	}
}

render((
  <Router history={hashHistory}>
    <Route path="/" component={App}>
      <Route path="All" component={TabContent} />
      <Route path="Starred" component={TabContent} />
      <Route path="Active" component={TabContent} />
      <Route path="Complete" component={TabContent} />
      <Route path="*" component={TabContent} />
    </Route>
  </Router>
  ), document.getElementById('root')
);
@@ -365,36 +365,72 @@
 (%0A%09%09%09%3CTabContent
+ path=%7Bthis.props.location.pathname%7D
  /%3E%0A
-
 %09%09);%0A%09%7D%0A%7D%0A%0Aclass
@@ -536,32 +536,68 @@
 (%0A%09%09%09%3CTabContent
+ path=%7Bthis.props.location.pathname%7D
  /%3E%0A%09%09);%0A%09%7D%0A%7D%0A%0Ac
@@ -706,32 +706,68 @@
 (%0A%09%09%09%3CTabContent
+ path=%7Bthis.props.location.pathname%7D
  /%3E%0A%09%09);%0A%09%7D%0A%7D%0A%0Ac
@@ -864,32 +864,32 @@
 () %7B%0A%09%09return (%0A
-
 %09%09%09%3CTabContent /
@@ -886,16 +886,52 @@
 bContent
+ path=%7Bthis.props.location.pathname%7D
  /%3E%0A%09%09);

set pathname