import React from 'react' import PropTypes from 'prop-types' import { connect } from 'react-redux' import { defineMessages, injectIntl } from 'react-intl' import { expandProTimeline } from '../actions/timelines' import { connectProStream } from '../actions/streaming' import StatusList from '../components/status_list' class ProTimeline extends React.PureComponent { static contextTypes = { router: PropTypes.object, } componentDidMount () { const { dispatch } = this.props dispatch(expandProTimeline()) this.disconnect = dispatch(connectProStream()) } componentWillUnmount() { if (this.disconnect) { this.disconnect() this.disconnect = null } } handleLoadMore = (maxId) => { const { dispatch } = this.props dispatch(expandProTimeline({ maxId })) } render () { const { intl } = this.props const emptyMessage = intl.formatMessage(messages.empty) return ( ) } } const messages = defineMessages({ empty: { id: 'empty_column.pro', defaultMessage: 'The pro timeline is empty.' }, }) ProTimeline.propTypes = { dispatch: PropTypes.func.isRequired, intl: PropTypes.object.isRequired, } export default injectIntl(connect(null)(ProTimeline))