import React from 'react'
import { IndexLink, Link } from 'react-router'
import { connect } from 'react-redux'
import snippet from '../helpers/snippet'

function bkmrkd (props) {
  return (
    <div className='app container'>
      <header className='main-nav'>
        <h1 className='h1'>bkmrkd</h1>
        <nav>
          <ul>
            <li><IndexLink to='/' activeClassName='active'>bkmrkd</IndexLink></li>
            <li><Link to='/colophon' activeClassName='active'>colophon</Link></li>
            <li><Link to={snippet}>bookmarklet</Link></li>
          </ul>
        </nav>
      </header>
      { props.children }
    </div>
  )
}

export default connect((state) => ({
  networkStatus: state.networkStatus
}))(bkmrkd)

import React, { PropTypes } from 'react'
import { IndexLink, Link } from 'react-router'
import { connect } from 'react-redux'
import snippet from '../helpers/snippet'

function bkmrkd (props) {
  return (
    <div className='app container'>
      <header className='main-nav'>
        <h1 className='h1'>bkmrkd</h1>
        <nav>
          <ul>
            <li><IndexLink to='/' activeClassName='active'>bkmrkd</IndexLink></li>
            <li><Link to='/colophon' activeClassName='active'>colophon</Link></li>
            <li><Link to={snippet}>bookmarklet</Link></li>
          </ul>
        </nav>
      </header>
      { props.children }
    </div>
  )
}

bkmrkd.propTypes = {
  children: PropTypes.node
}

export default connect((state) => ({
  networkStatus: state.networkStatus
}))(bkmrkd)

Add props validation to stateless functions
Add props validation to stateless functions
