import React, { Component } from 'react';
import {
  BrowserRouter as Router,
  Route,
  Switch,
  Redirect
} from 'react-router-dom';
import Headroom from 'react-headroom';
import './App.css';
import Feed from './components/Feed';
import { connect } from 'react-redux';
import { checkForToken } from './actions';
import { Login } from './components/Login';

const Routes = (
  <Switch>
    <Route exact path="/feed" render={() => <Feed />} />
    <Route exact path="/" render={() => <Login />} />
    {/*<Route path="/auth" render={() => <Auth />}/>*/}
    <Redirect to="/" />
  </Switch>
);

class App extends Component {

  componentDidMount() {
    this.props.checkForToken();
  }

  render() {
    return (
      <Router>
        <div>
          <Headroom style={{ backgroundColor: 'lightgrey'}}>
            <div className="App-header">
              <h2>Tableau</h2>
            </div>
          </Headroom>
          <main>
            {Routes}
          </main>
        </div>
      </Router>
    );
  }
}

export default connect(
  state => ({ user: state.user }),
  dispatch => ({
    checkForToken() { dispatch(checkForToken()); }
  })
)(App);

@@ -350,16 +350,149 @@
 /Login';
+%0Aimport styled from 'styled-components';%0A%0Aconst Footer = styled.footer%60%0A  text-align: center;%0A  color: lightgrey;%0A  margin: 3em 0;%0A%60;
 %0A%0Aconst 
@@ -1093,24 +1093,90 @@
     %3C/main%3E%0A
+          %3CFooter%3E%0A            %C2%A9 Tableau 2017%0A          %3C/Footer%3E%0A
         %3C/di

add footer