123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145 |
- import React from 'react';
- import { connect } from 'react-redux';
- import PropTypes from 'prop-types';
- import StatusListContainer from '../ui/containers/status_list_container';
- import Column from '../../components/column';
- import ColumnHeader from '../../components/column_header';
- import {
- refreshPublicTimeline,
- expandPublicTimeline,
- updateTimeline,
- deleteFromTimelines,
- connectTimeline,
- disconnectTimeline,
- } from '../../actions/timelines';
- import { addColumn, removeColumn, moveColumn } from '../../actions/columns';
- import { defineMessages, injectIntl, FormattedMessage } from 'react-intl';
- import ColumnSettingsContainer from './containers/column_settings_container';
- 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']),
- });
- class PublicTimeline extends React.PureComponent {
- static propTypes = {
- dispatch: PropTypes.func.isRequired,
- intl: PropTypes.object.isRequired,
- columnId: PropTypes.string,
- multiColumn: PropTypes.bool,
- streamingAPIBaseURL: PropTypes.string.isRequired,
- accessToken: PropTypes.string.isRequired,
- hasUnread: PropTypes.bool,
- };
- handlePin = () => {
- const { columnId, dispatch } = this.props;
- if (columnId) {
- dispatch(removeColumn(columnId));
- } else {
- dispatch(addColumn('PUBLIC', {}));
- }
- }
- handleMove = (dir) => {
- const { columnId, dispatch } = this.props;
- dispatch(moveColumn(columnId, dir));
- }
- handleHeaderClick = () => {
- this.column.scrollTop();
- }
- componentDidMount () {
- const { dispatch, streamingAPIBaseURL, accessToken } = this.props;
- dispatch(refreshPublicTimeline());
- if (typeof this._subscription !== 'undefined') {
- return;
- }
- this._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 this._subscription !== 'undefined') {
- this._subscription.close();
- this._subscription = null;
- }
- }
- setRef = c => {
- this.column = c;
- }
- handleLoadMore = () => {
- this.props.dispatch(expandPublicTimeline());
- }
- render () {
- const { intl, columnId, hasUnread, multiColumn } = this.props;
- const pinned = !!columnId;
- return (
- <Column ref={this.setRef}>
- <ColumnHeader
- icon='globe'
- active={hasUnread}
- title={intl.formatMessage(messages.title)}
- onPin={this.handlePin}
- onMove={this.handleMove}
- onClick={this.handleHeaderClick}
- pinned={pinned}
- multiColumn={multiColumn}
- >
- <ColumnSettingsContainer />
- </ColumnHeader>
- <StatusListContainer
- timelineId='public'
- loadMore={this.handleLoadMore}
- trackScroll={!pinned}
- scrollKey={`public_timeline-${columnId}`}
- 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>
- );
- }
- }
- export default connect(mapStateToProps)(injectIntl(PublicTimeline));
|