Sha256: 5ec794f63cc60cb350518d70fd98d3475fc57e8c60bd188862e00bc2ddaf66cc
Contents?: true
Size: 1.38 KB
Versions: 44
Compression:
Stored size: 1.38 KB
Contents
var React = require('react');
var Channel = require('./Channel');
var DetailPage = React.createClass({
componentWillMount: function() {
this.updateDimensions();
},
componentDidMount: function() {
this.setState({
channel: this.props.channel
});
window.addEventListener("resize", this.updateDimensions);
},
componentWillUnmount: function() {
window.removeEventListener("resize", this.updateDimensions);
},
componentWillReceiveProps: function(nextProps) {
this.setState({
channel: nextProps.channel
});
},
getInitialState: function () {
return {
channel: this.props.channel,
windowSize: []
}
},
updateDimensions: function() {
this.setState({windowSize: [window.innerWidth, window.innerHeight]});
},
render: function() {
var channel =
<Channel
channel={this.state.channel}
selected={true} />;
var rightBarStyle = {
height: this.state.windowSize[1]
};
return (
<div className='detail-page' >
<div className="card-detail"> {channel} </div>
<div className="right-bar-detail" style={rightBarStyle} > </div>
</div>
);
}
});
module.exports = DetailPage;
Version data entries
44 entries across 44 versions & 1 rubygems