import { connect } from 'react-redux'; import PureRenderMixin from 'react-addons-pure-render-mixin'; import StatusListContainer from '../ui/containers/status_list_container'; import Column from '../ui/components/column'; import { refreshTimeline, updateTimeline, deleteFromTimelines } from '../../actions/timelines'; const PublicTimeline = React.createClass({ propTypes: { dispatch: React.PropTypes.func.isRequired }, mixins: [PureRenderMixin], componentWillMount () { const { dispatch } = this.props; dispatch(refreshTimeline('public')); if (typeof App !== 'undefined') { this.subscription = App.cable.subscriptions.create('PublicChannel', { received (data) { switch(data.type) { case 'update': return dispatch(updateTimeline('public', JSON.parse(data.message))); case 'delete': return dispatch(deleteFromTimelines(data.id)); } } }); } }, componentWillUnmount () { if (typeof this.subscription !== 'undefined') { this.subscription.unsubscribe(); } }, render () { return ( ); }, }); export default connect()(PublicTimeline);