import React, { Component, PropTypes } from 'react'
import { Link } from 'react-router'

export default class Navbar extends Component {
  static propTypes = {
  }

  render() {
    return (
      <nav className="navbar navbar-default navbar-fixed-top">
        <div className="container-fluid">
          <div className="navbar-header">
          </div>
          <div className="navbar-collapse collapse">
            <ul className="nav navbar-nav navbar-right">
              <li>
                <Link to="/settings">
                  <img src="images/ui-32px-outline-1_settings-gear-64.svg"
                    className="nav-icon"/>
                </Link>
              </li>
            </ul>
          </div>
        </div>
      </nav>
    )
  }
}

@@ -58,16 +58,25 @@
 t %7B Link
+, History
  %7D from 
@@ -95,325 +95,1107 @@
 r'%0A%0A
-export default class Navbar extends Component %7B%0A  static propTypes = %7B%0A  %7D%0A%0A  render() %7B%0A    return (%0A      %3Cnav className=%22navbar navbar-default navbar-fixed-top%22%3E%0A        %3Cdiv className=%22container-fluid%22%3E%0A          %3Cdiv className=%22navbar-header%22%3E%0A          %3C/div%3E%0A          %3Cdiv className=%22navbar-collapse collapse%22
+var BackButton = React.createClass(%7B%0A  mixins: %5B History %5D,%0A  render() %7B%0A    return (%0A      %3Cdiv%3E%0A        %3Cbutton onClick=%7B() =%3E this.history.goBack()%7D%3E%0A          %7Bthis.props.children%7D%0A        %3C/button%3E%0A     %3C/div%3E%0A   )%0A %7D%0A%7D)%0A%0Avar ForwardButton = React.createClass(%7B%0A  mixins: %5B History %5D,%0A  render() %7B%0A    return (%0A      %3Cdiv%3E%0A        %3Cbutton onClick=%7B() =%3E this.history.goForward()%7D%3E%0A          %7Bthis.props.children%7D%0A        %3C/button%3E%0A     %3C/div%3E%0A   )%0A %7D%0A%7D)%0A%0Aexport default class Navbar extends Component %7B%0A  static propTypes = %7B%0A  %7D%0A%0A  render() %7B%0A    return (%0A      %3Cnav className=%22navbar navbar-default navbar-fixed-top%22%3E%0A        %3Cdiv className=%22container-fluid%22%3E%0A          %3Cdiv className=%22navbar-header%22%3E%0A          %3C/div%3E%0A          %3Cdiv className=%22navbar-collapse collapse%22%3E%0A            %3Cul className=%22nav navbar-nav navbar-left%22%3E%0A              %3Cli%3E%0A                %3CBackButton%3E%0A                  &lt;%0A                %3C/BackButton%3E%0A              %3C/li%3E%0A              %3Cli%3E%0A                %3CForwardButton%3E%0A                  &gt;%0A                %3C/ForwardButton%3E%0A              %3C/li%3E%0A            %3C/ul
 %3E%0A  

add back and forward buttons