2017-05-03 00:04:16 +00:00
import React from 'react' ;
2017-02-19 19:25:54 +00:00
import { connect } from 'react-redux' ;
2017-04-21 18:05:35 +00:00
import PropTypes from 'prop-types' ;
2017-12-04 07:26:40 +00:00
import StatusListContainer from 'flavours/glitch/features/ui/containers/status_list_container' ;
import Column from 'flavours/glitch/components/column' ;
import ColumnHeader from 'flavours/glitch/components/column_header' ;
2018-05-27 17:10:37 +00:00
import { expandCommunityTimeline } from 'flavours/glitch/actions/timelines' ;
2017-12-04 07:26:40 +00:00
import { addColumn , removeColumn , moveColumn } from 'flavours/glitch/actions/columns' ;
2017-02-19 19:25:54 +00:00
import { defineMessages , injectIntl , FormattedMessage } from 'react-intl' ;
2017-06-06 14:56:10 +00:00
import ColumnSettingsContainer from './containers/column_settings_container' ;
2017-12-04 07:26:40 +00:00
import { connectCommunityStream } from 'flavours/glitch/actions/streaming' ;
2017-02-19 19:25:54 +00:00
const messages = defineMessages ( {
2017-05-20 15:31:47 +00:00
title : { id : 'column.community' , defaultMessage : 'Local timeline' } ,
2017-02-19 19:25:54 +00:00
} ) ;
const mapStateToProps = state => ( {
2017-02-26 00:27:22 +00:00
hasUnread : state . getIn ( [ 'timelines' , 'community' , 'unread' ] ) > 0 ,
2017-02-19 19:25:54 +00:00
} ) ;
2017-06-23 17:36:54 +00:00
@ connect ( mapStateToProps )
@ injectIntl
export default class CommunityTimeline extends React . PureComponent {
2017-02-19 19:25:54 +00:00
2017-05-12 12:44:10 +00:00
static propTypes = {
dispatch : PropTypes . func . isRequired ,
2017-06-03 23:39:38 +00:00
columnId : PropTypes . string ,
2017-05-12 12:44:10 +00:00
intl : PropTypes . object . isRequired ,
2017-05-20 15:31:47 +00:00
hasUnread : PropTypes . bool ,
2017-06-03 23:39:38 +00:00
multiColumn : PropTypes . bool ,
2017-05-12 12:44:10 +00:00
} ;
2017-06-03 23:39:38 +00:00
handlePin = ( ) => {
const { columnId , dispatch } = this . props ;
if ( columnId ) {
dispatch ( removeColumn ( columnId ) ) ;
} else {
dispatch ( addColumn ( 'COMMUNITY' , { } ) ) ;
}
}
handleMove = ( dir ) => {
const { columnId , dispatch } = this . props ;
dispatch ( moveColumn ( columnId , dir ) ) ;
}
handleHeaderClick = ( ) => {
this . column . scrollTop ( ) ;
}
2017-02-19 19:25:54 +00:00
componentDidMount ( ) {
2017-08-21 13:04:34 +00:00
const { dispatch } = this . props ;
2017-02-19 19:25:54 +00:00
2018-05-27 17:10:37 +00:00
dispatch ( expandCommunityTimeline ( ) ) ;
2017-08-21 13:04:34 +00:00
this . disconnect = dispatch ( connectCommunityStream ( ) ) ;
2017-04-21 18:05:35 +00:00
}
2017-02-19 19:25:54 +00:00
componentWillUnmount ( ) {
2017-08-21 13:04:34 +00:00
if ( this . disconnect ) {
this . disconnect ( ) ;
this . disconnect = null ;
2017-06-03 23:39:38 +00:00
}
}
setRef = c => {
this . column = c ;
2017-04-21 18:05:35 +00:00
}
2017-02-19 19:25:54 +00:00
2018-05-27 17:10:37 +00:00
handleLoadMore = maxId => {
this . props . dispatch ( expandCommunityTimeline ( { maxId } ) ) ;
2017-06-11 15:07:35 +00:00
}
2018-07-27 15:59:52 +00:00
shouldUpdateScroll = ( prevRouterProps , { location } ) => {
return ! ( location . state && location . state . mastodonModalOpen )
}
2017-02-19 19:25:54 +00:00
render ( ) {
2017-06-03 23:39:38 +00:00
const { intl , hasUnread , columnId , multiColumn } = this . props ;
const pinned = ! ! columnId ;
2017-02-19 19:25:54 +00:00
return (
2018-08-28 10:01:04 +00:00
< Column ref = { this . setRef } name = 'local' label = { intl . formatMessage ( messages . title ) } >
2017-06-03 23:39:38 +00:00
< ColumnHeader
icon = 'users'
active = { hasUnread }
title = { intl . formatMessage ( messages . title ) }
onPin = { this . handlePin }
onMove = { this . handleMove }
onClick = { this . handleHeaderClick }
pinned = { pinned }
multiColumn = { multiColumn }
2017-06-06 14:56:10 +00:00
>
< ColumnSettingsContainer / >
< / C o l u m n H e a d e r >
2017-06-03 23:39:38 +00:00
< StatusListContainer
2017-06-05 13:20:46 +00:00
trackScroll = { ! pinned }
2017-06-03 23:39:38 +00:00
scrollKey = { ` community_timeline- ${ columnId } ` }
2018-07-27 15:59:52 +00:00
shouldUpdateScroll = { this . shouldUpdateScroll }
2017-06-11 15:07:35 +00:00
timelineId = 'community'
2018-05-27 17:10:37 +00:00
onLoadMore = { this . handleLoadMore }
2017-06-03 23:39:38 +00:00
emptyMessage = { < FormattedMessage id = 'empty_column.community' defaultMessage = 'The local timeline is empty. Write something publicly to get the ball rolling!' / > }
/ >
2017-02-19 19:25:54 +00:00
< / C o l u m n >
) ;
2017-04-21 18:05:35 +00:00
}
2017-02-19 19:25:54 +00:00
2017-04-21 18:05:35 +00:00
}