@ -1,12 +1,13 @@
import React from 'react' ;
import React from 'react' ;
import { connect } from 'react-redux' ;
import { connect } from 'react-redux' ;
import { defineMessages , injectIntl , FormattedMessage } from 'react-intl' ;
import { NavLink } from 'react-router-dom' ;
import PropTypes from 'prop-types' ;
import PropTypes from 'prop-types' ;
import StatusListContainer from '../ui/containers/status_list_container' ;
import StatusListContainer from '../ui/containers/status_list_container' ;
import Column from '../../components/column' ;
import Column from '../../components/column' ;
import ColumnHeader from '../../components/column_header' ;
import ColumnHeader from '../../components/column_header' ;
import { expandCommunityTimeline } from '../../actions/timelines' ;
import { expandCommunityTimeline } from '../../actions/timelines' ;
import { addColumn , removeColumn , moveColumn } from '../../actions/columns' ;
import { addColumn , removeColumn , moveColumn } from '../../actions/columns' ;
import { defineMessages , injectIntl , FormattedMessage } from 'react-intl' ;
import ColumnSettingsContainer from './containers/column_settings_container' ;
import ColumnSettingsContainer from './containers/column_settings_container' ;
import { connectCommunityStream } from '../../actions/streaming' ;
import { connectCommunityStream } from '../../actions/streaming' ;
@ -14,20 +15,25 @@ const messages = defineMessages({
title : { id : 'column.community' , defaultMessage : 'Local timeline' } ,
title : { id : 'column.community' , defaultMessage : 'Local timeline' } ,
} ) ;
} ) ;
const mapStateToProps = state => ( {
const mapStateToProps = ( state , { onlyMedia } ) => ( {
hasUnread : state . getIn ( [ 'timelines' , 'community' , 'unread' ] ) > 0 ,
hasUnread : state . getIn ( [ 'timelines' , ` community ${ onlyMedia ? ':media' : '' } ` , 'unread' ] ) > 0 ,
} ) ;
} ) ;
@ connect ( mapStateToProps )
@ connect ( mapStateToProps )
@ injectIntl
@ injectIntl
export default class CommunityTimeline extends React . PureComponent {
export default class CommunityTimeline extends React . PureComponent {
static defaultProps = {
onlyMedia : false ,
} ;
static propTypes = {
static propTypes = {
dispatch : PropTypes . func . isRequired ,
dispatch : PropTypes . func . isRequired ,
columnId : PropTypes . string ,
columnId : PropTypes . string ,
intl : PropTypes . object . isRequired ,
intl : PropTypes . object . isRequired ,
hasUnread : PropTypes . bool ,
hasUnread : PropTypes . bool ,
multiColumn : PropTypes . bool ,
multiColumn : PropTypes . bool ,
onlyMedia : PropTypes . bool ,
} ;
} ;
handlePin = ( ) => {
handlePin = ( ) => {
@ -50,10 +56,10 @@ export default class CommunityTimeline extends React.PureComponent {
}
}
componentDidMount ( ) {
componentDidMount ( ) {
const { dispatch } = this . props ;
const { dispatch , onlyMedia } = this . props ;
dispatch ( expandCommunityTimeline ( )) ;
dispatch ( expandCommunityTimeline ( { onlyMedia } )) ;
this . disconnect = dispatch ( connectCommunityStream ( )) ;
this . disconnect = dispatch ( connectCommunityStream ( { onlyMedia } )) ;
}
}
componentWillUnmount ( ) {
componentWillUnmount ( ) {
@ -68,13 +74,22 @@ export default class CommunityTimeline extends React.PureComponent {
}
}
handleLoadMore = maxId => {
handleLoadMore = maxId => {
this . props . dispatch ( expandCommunityTimeline ( { maxId } ) ) ;
const { dispatch , onlyMedia } = this . props ;
dispatch ( expandCommunityTimeline ( { maxId , onlyMedia } ) ) ;
}
}
render ( ) {
render ( ) {
const { intl , hasUnread , columnId , multiColumn } = this . props ;
const { intl , hasUnread , columnId , multiColumn , onlyMedia } = this . props ;
const pinned = ! ! columnId ;
const pinned = ! ! columnId ;
const headline = (
< div className = 'community-timeline__section-headline' >
< NavLink exact to = '/timelines/public/local' replace > < FormattedMessage id = 'timeline.posts' defaultMessage = 'Toots' / > < / N a v L i n k >
< NavLink exact to = '/timelines/public/local/media' replace > < FormattedMessage id = 'timeline.media' defaultMessage = 'Media' / > < / N a v L i n k >
< / d i v >
) ;
return (
return (
< Column ref = { this . setRef } >
< Column ref = { this . setRef } >
< ColumnHeader
< ColumnHeader
@ -91,9 +106,10 @@ export default class CommunityTimeline extends React.PureComponent {
< / C o l u m n H e a d e r >
< / C o l u m n H e a d e r >
< StatusListContainer
< StatusListContainer
prepend = { headline }
trackScroll = { ! pinned }
trackScroll = { ! pinned }
scrollKey = { ` community_timeline- ${ columnId } ` }
scrollKey = { ` community_timeline- ${ columnId } ` }
timelineId = 'community'
timelineId = { ` community ${ onlyMedia ? ':media' : '' } ` }
onLoadMore = { this . handleLoadMore }
onLoadMore = { this . handleLoadMore }
emptyMessage = { < FormattedMessage id = 'empty_column.community' defaultMessage = 'The local timeline is empty. Write something publicly to get the ball rolling!' / > }
emptyMessage = { < FormattedMessage id = 'empty_column.community' defaultMessage = 'The local timeline is empty. Write something publicly to get the ball rolling!' / > }
/ >
/ >