- import { connect } from 'react-redux';
- import PropTypes from 'prop-types';
- import ImmutablePropTypes from 'react-immutable-proptypes';
- import LoadingIndicator from '../../components/loading_indicator';
- import { fetchFavouritedStatuses, expandFavouritedStatuses } from '../../actions/favourites';
- import Column from '../ui/components/column';
- import StatusList from '../../components/status_list';
- import ColumnBackButtonSlim from '../../components/column_back_button_slim';
- import { defineMessages, injectIntl } from 'react-intl';
-
- const messages = defineMessages({
- heading: { id: 'column.favourites', defaultMessage: 'Favourites' }
- });
-
- const mapStateToProps = state => ({
- statusIds: state.getIn(['status_lists', 'favourites', 'items']),
- loaded: state.getIn(['status_lists', 'favourites', 'loaded']),
- me: state.getIn(['meta', 'me'])
- });
-
- class Favourites extends React.PureComponent {
-
- constructor (props, context) {
- super(props, context);
- this.handleScrollToBottom = this.handleScrollToBottom.bind(this);
- }
-
- componentWillMount () {
- this.props.dispatch(fetchFavouritedStatuses());
- }
-
- handleScrollToBottom () {
- this.props.dispatch(expandFavouritedStatuses());
- }
-
- render () {
- const { statusIds, loaded, intl, me } = this.props;
-
- if (!loaded) {
- return (
- <Column>
- <LoadingIndicator />
- </Column>
- );
- }
-
- return (
- <Column icon='star' heading={intl.formatMessage(messages.heading)}>
- <ColumnBackButtonSlim />
- <StatusList statusIds={statusIds} me={me} onScrollToBottom={this.handleScrollToBottom} />
- </Column>
- );
- }
-
- }
-
- Favourites.propTypes = {
- params: PropTypes.object.isRequired,
- dispatch: PropTypes.func.isRequired,
- statusIds: ImmutablePropTypes.list.isRequired,
- loaded: PropTypes.bool,
- intl: PropTypes.object.isRequired,
- me: PropTypes.number.isRequired
- };
-
- export default connect(mapStateToProps)(injectIntl(Favourites));
|