pass layout to navbar and footer

This commit is contained in:
Technoboy10 2016-07-22 14:57:05 -04:00
parent 391344489d
commit 808922b50d

View file

@ -1,4 +1,5 @@
var React = require('react'); var React = require('react');
var connect = require('react-redux').connect;
var classNames = require('classnames'); var classNames = require('classnames');
var Navigation = require('../../navigation/www/navigation.jsx'); var Navigation = require('../../navigation/www/navigation.jsx');
@ -13,17 +14,24 @@ var Page = React.createClass({
return ( return (
<div className="page"> <div className="page">
<div id="navigation" className={classes}> <div id="navigation" className={classes}>
<Navigation /> <Navigation layout={this.props.layout}/>
</div> </div>
<div id="view"> <div id="view">
{this.props.children} {this.props.children}
</div> </div>
<div id="footer"> <div id="footer">
<Footer /> <Footer layout={this.props.layout}/>
</div> </div>
</div> </div>
); );
} }
}); });
module.exports = Page; var mapStateToProps = function (state) {
return {
layout: state.layout
};
};
var ConnectedPage = connect(mapStateToProps)(Page);
module.exports = ConnectedPage;