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

const GITHUB_REPO =
  'https://github.com/emmenko/redux-react-router-async-example'

export default class Menu extends React.Component {

  static propTypes = {
    activeClass: PropTypes.string.isRequired
  }

  render () {
    return (
      <div id="menu" ref="menu" className={this.props.activeClass}>
        <div className="pure-menu">
          <Link to="/" className="pure-menu-heading">Redux</Link>
          <ul className="pure-menu-list">
            <li className="pure-menu-item">
              <Link to="/stargazers/emmenko"
                className="pure-menu-link">Stargazers</Link>
            </li>
            <li className="pure-menu-item">
              <Link to="/about" className="pure-menu-link">About</Link>
            </li>
            <li className="pure-menu-item">
              <a href={GITHUB_REPO} target="_blank"
                className="pure-menu-link">
                Fork me
              </a>
            </li>
          </ul>
        </div>
      </div>
    )
  }
}

@@ -471,32 +471,33 @@
 g%22%3ERedux%3C/Link%3E%0A
+%0A
           %3Cul cl
@@ -610,16 +610,44 @@
 emmenko%22
+ className=%22pure-menu-link%22%3E
 %0A       
@@ -647,32 +647,35 @@
                 
+%3Ci 
 className=%22pure-
@@ -673,34 +673,50 @@
 me=%22
-pure-menu-link%22%3EStargazers
+fa fa-star%22%3E%3C/i%3E Stargazers%0A              
 %3C/Li
@@ -844,13 +844,84 @@
 nk%22%3E
-About
+%0A                %3Ci className=%22fa fa-dot-circle-o%22%3E%3C/i%3E About%0A              
 %3C/Li
@@ -1097,16 +1097,49 @@
         
+ %3Ci className=%22fa fa-github%22%3E%3C/i%3E
  Fork me

Add menu icons