mirror of
https://git.kescher.at/CatCatNya/catstodon.git
synced 2024-12-25 06:13:42 +01:00
cf845fed38
Hide some components rather than unmounting them to allow to show again quickly and keep the view state such as the scrolled offset.
66 lines
1.9 KiB
JavaScript
66 lines
1.9 KiB
JavaScript
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 {...this.props} 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));
|