2023-05-23 18:15:17 +03:00
import PropTypes from 'prop-types' ;
2023-05-23 11:52:27 +03:00
import { PureComponent } from 'react' ;
2023-05-23 18:15:17 +03:00
2018-05-21 13:43:38 +03:00
import { defineMessages , injectIntl , FormattedMessage } from 'react-intl' ;
2023-05-23 18:15:17 +03:00
import { Helmet } from 'react-helmet' ;
import { connect } from 'react-redux' ;
2023-10-24 20:45:08 +03:00
import { ReactComponent as PublicIcon } from '@material-symbols/svg-600/outlined/public.svg' ;
2023-07-08 12:12:20 +03:00
import { DismissableBanner } from 'mastodon/components/dismissable_banner' ;
2023-07-03 23:57:18 +03:00
import { domain } from 'mastodon/initial_state' ;
2023-05-23 18:15:17 +03:00
import { addColumn , removeColumn , moveColumn } from '../../actions/columns' ;
import { connectPublicStream } from '../../actions/streaming' ;
import { expandPublicTimeline } from '../../actions/timelines' ;
2017-06-04 02:39:38 +03:00
import Column from '../../components/column' ;
import ColumnHeader from '../../components/column_header' ;
2023-05-23 18:15:17 +03:00
import StatusListContainer from '../ui/containers/status_list_container' ;
2017-06-06 17:56:10 +03:00
import ColumnSettingsContainer from './containers/column_settings_container' ;
2016-11-18 16:36:16 +02:00
const messages = defineMessages ( {
2017-05-20 18:31:47 +03:00
title : { id : 'column.public' , defaultMessage : 'Federated timeline' } ,
2016-11-18 16:36:16 +02:00
} ) ;
2016-10-07 17:00:11 +03:00
2019-11-11 00:05:02 +02:00
const mapStateToProps = ( state , { columnId } ) => {
2018-06-15 12:15:15 +03:00
const uuid = columnId ;
const columns = state . getIn ( [ 'settings' , 'columns' ] ) ;
const index = columns . findIndex ( c => c . get ( 'uuid' ) === uuid ) ;
2019-11-11 00:05:02 +02:00
const onlyMedia = ( columnId && index >= 0 ) ? columns . get ( index ) . getIn ( [ 'params' , 'other' , 'onlyMedia' ] ) : state . getIn ( [ 'settings' , 'public' , 'other' , 'onlyMedia' ] ) ;
2020-05-10 11:36:18 +03:00
const onlyRemote = ( columnId && index >= 0 ) ? columns . get ( index ) . getIn ( [ 'params' , 'other' , 'onlyRemote' ] ) : state . getIn ( [ 'settings' , 'public' , 'other' , 'onlyRemote' ] ) ;
2023-07-29 21:18:38 +03:00
const timelineState = state . getIn ( [ 'timelines' , ` public ${ onlyRemote ? ':remote' : '' } ${ onlyMedia ? ':media' : '' } ` ] ) ;
2018-06-15 12:15:15 +03:00
return {
2019-11-11 00:05:02 +02:00
hasUnread : ! ! timelineState && timelineState . get ( 'unread' ) > 0 ,
onlyMedia ,
2020-05-10 11:36:18 +03:00
onlyRemote ,
2018-06-15 12:15:15 +03:00
} ;
} ;
2017-02-04 01:34:31 +02:00
2023-05-23 11:52:27 +03:00
class PublicTimeline extends PureComponent {
2016-10-07 17:00:11 +03:00
2018-06-15 12:15:15 +03:00
static contextTypes = {
2022-10-08 08:15:50 +03:00
identity : PropTypes . object ,
2018-06-15 12:15:15 +03:00
} ;
2018-05-21 13:43:38 +03:00
static defaultProps = {
onlyMedia : false ,
} ;
2017-05-12 15:44:10 +03:00
static propTypes = {
dispatch : PropTypes . func . isRequired ,
intl : PropTypes . object . isRequired ,
2017-06-04 02:39:38 +03:00
columnId : PropTypes . string ,
multiColumn : PropTypes . bool ,
2017-05-20 18:31:47 +03:00
hasUnread : PropTypes . bool ,
2018-05-21 13:43:38 +03:00
onlyMedia : PropTypes . bool ,
2020-05-10 11:36:18 +03:00
onlyRemote : PropTypes . bool ,
2017-05-12 15:44:10 +03:00
} ;
2017-06-04 02:39:38 +03:00
handlePin = ( ) => {
2020-05-10 11:36:18 +03:00
const { columnId , dispatch , onlyMedia , onlyRemote } = this . props ;
2017-06-04 02:39:38 +03:00
if ( columnId ) {
dispatch ( removeColumn ( columnId ) ) ;
} else {
2020-05-10 11:36:18 +03:00
dispatch ( addColumn ( onlyRemote ? 'REMOTE' : 'PUBLIC' , { other : { onlyMedia , onlyRemote } } ) ) ;
2017-06-04 02:39:38 +03:00
}
2023-01-30 02:45:35 +02:00
} ;
2017-06-04 02:39:38 +03:00
handleMove = ( dir ) => {
const { columnId , dispatch } = this . props ;
dispatch ( moveColumn ( columnId , dir ) ) ;
2023-01-30 02:45:35 +02:00
} ;
2017-06-04 02:39:38 +03:00
handleHeaderClick = ( ) => {
this . column . scrollTop ( ) ;
2023-01-30 02:45:35 +02:00
} ;
2017-06-04 02:39:38 +03:00
2017-02-04 01:34:31 +02:00
componentDidMount ( ) {
2020-05-10 11:36:18 +03:00
const { dispatch , onlyMedia , onlyRemote } = this . props ;
2022-10-08 08:15:50 +03:00
const { signedIn } = this . context . identity ;
2016-10-07 17:00:11 +03:00
2020-05-10 11:36:18 +03:00
dispatch ( expandPublicTimeline ( { onlyMedia , onlyRemote } ) ) ;
2022-10-08 08:15:50 +03:00
if ( signedIn ) {
this . disconnect = dispatch ( connectPublicStream ( { onlyMedia , onlyRemote } ) ) ;
}
2017-04-21 21:05:35 +03:00
}
2016-10-07 17:00:11 +03:00
2018-05-22 14:26:06 +03:00
componentDidUpdate ( prevProps ) {
2022-10-08 08:15:50 +03:00
const { signedIn } = this . context . identity ;
2020-05-10 11:36:18 +03:00
if ( prevProps . onlyMedia !== this . props . onlyMedia || prevProps . onlyRemote !== this . props . onlyRemote ) {
const { dispatch , onlyMedia , onlyRemote } = this . props ;
2018-05-22 14:26:06 +03:00
2022-10-08 08:15:50 +03:00
if ( this . disconnect ) {
this . disconnect ( ) ;
}
2020-05-10 11:36:18 +03:00
dispatch ( expandPublicTimeline ( { onlyMedia , onlyRemote } ) ) ;
2022-10-08 08:15:50 +03:00
if ( signedIn ) {
this . disconnect = dispatch ( connectPublicStream ( { onlyMedia , onlyRemote } ) ) ;
}
2018-05-22 14:26:06 +03:00
}
}
2016-10-07 17:00:11 +03:00
componentWillUnmount ( ) {
2017-08-21 16:04:34 +03:00
if ( this . disconnect ) {
this . disconnect ( ) ;
this . disconnect = null ;
2017-06-04 02:39:38 +03:00
}
}
setRef = c => {
this . column = c ;
2023-01-30 02:45:35 +02:00
} ;
2016-10-07 17:00:11 +03:00
2018-03-24 16:25:15 +02:00
handleLoadMore = maxId => {
2020-05-10 11:36:18 +03:00
const { dispatch , onlyMedia , onlyRemote } = this . props ;
2018-05-21 13:43:38 +03:00
2020-05-10 11:36:18 +03:00
dispatch ( expandPublicTimeline ( { maxId , onlyMedia , onlyRemote } ) ) ;
2023-01-30 02:45:35 +02:00
} ;
2017-06-11 18:07:35 +03:00
2016-10-07 17:00:11 +03:00
render ( ) {
2021-07-13 16:45:17 +03:00
const { intl , columnId , hasUnread , multiColumn , onlyMedia , onlyRemote } = this . props ;
2017-06-04 02:39:38 +03:00
const pinned = ! ! columnId ;
2016-11-16 18:20:52 +02:00
2016-10-07 17:00:11 +03:00
return (
2019-08-01 20:17:17 +03:00
< Column bindToDocument = { ! multiColumn } ref = { this . setRef } label = { intl . formatMessage ( messages . title ) } >
2017-06-04 02:39:38 +03:00
< ColumnHeader
icon = 'globe'
2023-10-24 20:45:08 +03:00
iconComponent = { PublicIcon }
2017-06-04 02:39:38 +03:00
active = { hasUnread }
title = { intl . formatMessage ( messages . title ) }
onPin = { this . handlePin }
onMove = { this . handleMove }
onClick = { this . handleHeaderClick }
pinned = { pinned }
multiColumn = { multiColumn }
2017-06-06 17:56:10 +03:00
>
2018-12-18 23:00:18 +02:00
< ColumnSettingsContainer columnId = { columnId } / >
2017-06-06 17:56:10 +03:00
< / ColumnHeader >
2017-06-04 02:39:38 +03:00
< StatusListContainer
2023-07-03 23:57:18 +03:00
prepend = { < DismissableBanner id = 'public_timeline' > < FormattedMessage id = 'dismissable_banner.public_timeline' defaultMessage = 'These are the most recent public posts from people on the social web that people on {domain} follow.' values = { { domain } } / > < / DismissableBanner > }
2020-05-10 11:36:18 +03:00
timelineId = { ` public ${ onlyRemote ? ':remote' : '' } ${ onlyMedia ? ':media' : '' } ` }
2018-03-24 16:25:15 +02:00
onLoadMore = { this . handleLoadMore }
2017-06-05 16:20:46 +03:00
trackScroll = { ! pinned }
2017-06-04 02:39:38 +03:00
scrollKey = { ` public_timeline- ${ columnId } ` }
2019-02-05 20:11:24 +02:00
emptyMessage = { < FormattedMessage id = 'empty_column.public' defaultMessage = 'There is nothing here! Write something publicly, or manually follow users from other servers to fill it up' / > }
2019-07-19 10:25:22 +03:00
bindToDocument = { ! multiColumn }
2017-06-04 02:39:38 +03:00
/ >
2022-09-29 05:39:33 +03:00
< Helmet >
2022-10-09 04:55:09 +03:00
< title > { intl . formatMessage ( messages . title ) } < / title >
2022-10-20 15:35:29 +03:00
< meta name = 'robots' content = 'noindex' / >
2022-09-29 05:39:33 +03:00
< / Helmet >
2016-10-07 17:00:11 +03:00
< / Column >
) ;
2017-04-21 21:05:35 +03:00
}
2016-10-07 17:00:11 +03:00
2017-04-21 21:05:35 +03:00
}
2023-03-24 04:17:53 +02:00
export default connect ( mapStateToProps ) ( injectIntl ( PublicTimeline ) ) ;