cf845fed38
Hide some components rather than unmounting them to allow to show again quickly and keep the view state such as the scrolled offset.
95 lines
2.7 KiB
JavaScript
95 lines
2.7 KiB
JavaScript
import { connect } from 'react-redux';
|
|
import PropTypes from 'prop-types';
|
|
import StatusListContainer from '../ui/containers/status_list_container';
|
|
import Column from '../ui/components/column';
|
|
import {
|
|
refreshTimeline,
|
|
updateTimeline,
|
|
deleteFromTimelines,
|
|
connectTimeline,
|
|
disconnectTimeline
|
|
} from '../../actions/timelines';
|
|
import { defineMessages, injectIntl, FormattedMessage } from 'react-intl';
|
|
import ColumnBackButtonSlim from '../../components/column_back_button_slim';
|
|
import createStream from '../../stream';
|
|
|
|
const messages = defineMessages({
|
|
title: { id: 'column.public', defaultMessage: 'Federated timeline' }
|
|
});
|
|
|
|
const mapStateToProps = state => ({
|
|
hasUnread: state.getIn(['timelines', 'public', 'unread']) > 0,
|
|
streamingAPIBaseURL: state.getIn(['meta', 'streaming_api_base_url']),
|
|
accessToken: state.getIn(['meta', 'access_token'])
|
|
});
|
|
|
|
let subscription;
|
|
|
|
class PublicTimeline extends React.PureComponent {
|
|
|
|
componentDidMount () {
|
|
const { dispatch, streamingAPIBaseURL, accessToken } = this.props;
|
|
|
|
dispatch(refreshTimeline('public'));
|
|
|
|
if (typeof subscription !== 'undefined') {
|
|
return;
|
|
}
|
|
|
|
subscription = createStream(streamingAPIBaseURL, accessToken, 'public', {
|
|
|
|
connected () {
|
|
dispatch(connectTimeline('public'));
|
|
},
|
|
|
|
reconnected () {
|
|
dispatch(connectTimeline('public'));
|
|
},
|
|
|
|
disconnected () {
|
|
dispatch(disconnectTimeline('public'));
|
|
},
|
|
|
|
received (data) {
|
|
switch(data.event) {
|
|
case 'update':
|
|
dispatch(updateTimeline('public', JSON.parse(data.payload)));
|
|
break;
|
|
case 'delete':
|
|
dispatch(deleteFromTimelines(data.payload));
|
|
break;
|
|
}
|
|
}
|
|
|
|
});
|
|
}
|
|
|
|
componentWillUnmount () {
|
|
// if (typeof subscription !== 'undefined') {
|
|
// subscription.close();
|
|
// subscription = null;
|
|
// }
|
|
}
|
|
|
|
render () {
|
|
const { intl, hasUnread } = this.props;
|
|
|
|
return (
|
|
<Column icon='globe' active={hasUnread} heading={intl.formatMessage(messages.title)}>
|
|
<ColumnBackButtonSlim />
|
|
<StatusListContainer {...this.props} type='public' scrollKey='public_timeline' emptyMessage={<FormattedMessage id='empty_column.public' defaultMessage='There is nothing here! Write something publicly, or manually follow users from other instances to fill it up' />} />
|
|
</Column>
|
|
);
|
|
}
|
|
|
|
}
|
|
|
|
PublicTimeline.propTypes = {
|
|
dispatch: PropTypes.func.isRequired,
|
|
intl: PropTypes.object.isRequired,
|
|
streamingAPIBaseURL: PropTypes.string.isRequired,
|
|
accessToken: PropTypes.string.isRequired,
|
|
hasUnread: PropTypes.bool
|
|
};
|
|
|
|
export default connect(mapStateToProps)(injectIntl(PublicTimeline));
|