c56a8914f3
* origin/styling/add-groups-link: (31 commits) Comment out the "groups" button until ready to reveal. Changed the method of adding main navigation icons. Created a png sprite sized @2x based on largest usage (for retina). This will fix some rendering issues caused by using svg images. It will allow adding depth and more color / shading if we choose later. intents fix federation fix two more federation fixes Removed unused imports Removed unused PublicTimeline component Updated CommunityTimeline to add option for "all federated" content Removed unused import in unauthorized_modal Updated registration legal links Updated compose_form to account for if compose modal open Added empty message to pinned statuses page Updated nextProps withReplies for account timeline Added empty message to account_gallery media page Updated timeline/notification dequeue to be in componentDidMount Added TimelineQueueButtonHeader to status_list Added queue functionality status_list_container for status timelines Updated all Redis.current.publish, PushUpdateWorker.perform_async to work again Added timeline dequeue functionality to onSubmitCompose action Added redux functionality for queueing/dequeueing timelines ...
104 lines
3.1 KiB
JavaScript
104 lines
3.1 KiB
JavaScript
import React from 'react';
|
|
import { connect } from 'react-redux';
|
|
import PropTypes from 'prop-types';
|
|
import ImmutablePropTypes from 'react-immutable-proptypes';
|
|
import StatusListContainer from '../../ui/containers/status_list_container';
|
|
import Column from '../../../components/column';
|
|
import { FormattedMessage, injectIntl } from 'react-intl';
|
|
import { connectGroupStream } from '../../../actions/streaming';
|
|
import { expandGroupTimeline } from '../../../actions/timelines';
|
|
import MissingIndicator from '../../../components/missing_indicator';
|
|
import LoadingIndicator from '../../../components/loading_indicator';
|
|
import ComposeFormContainer from '../../../../gabsocial/features/compose/containers/compose_form_container';
|
|
import { me } from 'gabsocial/initial_state';
|
|
import Avatar from '../../../components/avatar';
|
|
|
|
const mapStateToProps = (state, props) => ({
|
|
account: state.getIn(['accounts', me]),
|
|
group: state.getIn(['groups', props.params.id]),
|
|
relationships: state.getIn(['group_relationships', props.params.id]),
|
|
hasUnread: state.getIn(['timelines', `group:${props.params.id}`, 'unread']) > 0,
|
|
});
|
|
|
|
export default @connect(mapStateToProps)
|
|
@injectIntl
|
|
class GroupTimeline extends React.PureComponent {
|
|
static contextTypes = {
|
|
router: PropTypes.object,
|
|
};
|
|
|
|
static propTypes = {
|
|
params: PropTypes.object.isRequired,
|
|
dispatch: PropTypes.func.isRequired,
|
|
columnId: PropTypes.string,
|
|
hasUnread: PropTypes.bool,
|
|
group: PropTypes.oneOfType([ImmutablePropTypes.map, PropTypes.bool]),
|
|
relationships: ImmutablePropTypes.map,
|
|
account: ImmutablePropTypes.map,
|
|
intl: PropTypes.object.isRequired,
|
|
};
|
|
|
|
componentDidMount () {
|
|
const { dispatch } = this.props;
|
|
const { id } = this.props.params;
|
|
|
|
dispatch(expandGroupTimeline(id));
|
|
|
|
this.disconnect = dispatch(connectGroupStream(id));
|
|
}
|
|
|
|
componentWillUnmount () {
|
|
if (this.disconnect) {
|
|
this.disconnect();
|
|
this.disconnect = null;
|
|
}
|
|
}
|
|
|
|
handleLoadMore = maxId => {
|
|
const { id } = this.props.params;
|
|
this.props.dispatch(expandGroupTimeline(id, { maxId }));
|
|
}
|
|
|
|
render () {
|
|
const { columnId, group, relationships, account } = this.props;
|
|
const { id } = this.props.params;
|
|
|
|
if (typeof group === 'undefined') {
|
|
return (
|
|
<Column>
|
|
<LoadingIndicator />
|
|
</Column>
|
|
);
|
|
} else if (group === false) {
|
|
return (
|
|
<Column>
|
|
<MissingIndicator />
|
|
</Column>
|
|
);
|
|
}
|
|
|
|
return (
|
|
<div>
|
|
{relationships && relationships.get('member') && (
|
|
<div className='timeline-compose-block'>
|
|
<div className='timeline-compose-block__avatar'>
|
|
<Avatar account={account} size={46} />
|
|
</div>
|
|
<ComposeFormContainer group={group} shouldCondense={true} autoFocus={false}/>
|
|
</div>
|
|
)}
|
|
|
|
<div className='group__feed'>
|
|
<StatusListContainer
|
|
alwaysPrepend
|
|
scrollKey={`group_timeline-${columnId}`}
|
|
timelineId={`group:${id}`}
|
|
onLoadMore={this.handleLoadMore}
|
|
emptyMessage={<FormattedMessage id='empty_column.group' defaultMessage='There is nothing in this group yet. When members of this group post new statuses, they will appear here.' />}
|
|
/>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
}
|