text: import React, { Component } from 'react';
  import { Navbar, Button } from 'react-bootstrap';
  import './App.css';
  
  class App extends Component {
    goTo(route) {
      this.props.history.replace(`/${route}`);
    }
  
    login() {
      this.props.auth.login();
    }
  
    logout() {
      this.props.auth.logout();
    }
  
    renewToken() {
      this.props.auth.renewToken();
    }
  
    render() {
      const { isAuthenticated } = this.props.auth;
  
      return (
        <div>
          <Navbar fluid>
            <Navbar.Header>
              <Navbar.Brand>
                <a onClick={this.goTo.bind(this, 'home')}>Auth0 - React</a>
              </Navbar.Brand>
              <Button
                bsStyle="primary"
                className="btn-margin"
                onClick={this.goTo.bind(this, 'home')}
              >
                Home
              </Button>
              {!isAuthenticated() &&
                <Button
                  id="qsLoginBtn"
                  bsStyle="primary"
                  className="btn-margin"
                  onClick={this.login.bind(this)}
                >
                  Log In
                </Button>}
              {isAuthenticated() &&
                <Button
                  bsStyle="primary"
                  className="btn-margin"
                  onClick={this.goTo.bind(this, 'profile')}
                >
                  Profile
                </Button>}
              {isAuthenticated() &&
                <Button
                  bsStyle="primary"
                  className="btn-margin"
                  onClick={this.renewToken.bind(this)}
                >
                  Renew Token
                </Button>}
              {isAuthenticated() &&
                <Button
                  id="qsLogoutBtn"
                  bsStyle="primary"
                  className="btn-margin"
                  onClick={this.logout.bind(this)}
                >
                  Log Out
                </Button>}
            </Navbar.Header>
          </Navbar>
        </div>
      );
    }
  }
  
  export default App;
  