import React from 'react'
import { Navigation } from 'components'
import { connect } from 'react-redux'
import { container, innerContainer } from './styles.css'

const MainContainer = React.createClass({
  render () {
    // console.log('props', this.props);
    return (
      <div className={container}>
        <Navigation isAuthed={this.props.isAuthed}/>
        <div className={innerContainer}>
          {this.props.children}
        </div>
      </div>
    )
  },
})

// function mapStateToProps (state) {
//   return {
//     isAuthed: state.isAuthed,
//   }
// }

export default connect(
  (state) => ({isAuthed: state.isAuthed})
)(MainContainer)

import React, { PropTypes } from 'react'
import { Navigation } from 'components'
import { connect } from 'react-redux'
import { container, innerContainer } from './styles.css'

const MainContainer = React.createClass({
  propTypes: {
    isAuthed: PropTypes.bool.isRequired,
  },
  render () {
    // console.log('props', this.props);
    return (
      <div className={container}>
        <Navigation isAuthed={this.props.isAuthed}/>
        <div className={innerContainer}>
          {this.props.children}
        </div>
      </div>
    )
  },
})

// function mapStateToProps (state) {
//   return {
//     isAuthed: state.isAuthed,
//   }
// }

export default connect(
  (state) => ({isAuthed: state.isAuthed})
)(MainContainer)

Add proptypes, navbar changes on isAuthed true
Add proptypes, navbar changes on isAuthed true
