Fix LoadMore in following and followers. (#3585)

This commit is contained in:
Naoki Kosaka 2017-06-05 21:13:20 +09:00 committed by Eugen Rochko
parent 4c06d1cb24
commit 1f1d6bf2a0
2 changed files with 18 additions and 4 deletions

View File

@ -18,6 +18,7 @@ import ImmutablePureComponent from 'react-immutable-pure-component';
const mapStateToProps = (state, props) => ({
accountIds: state.getIn(['user_lists', 'followers', Number(props.params.accountId), 'items']),
hasMore: !!state.getIn(['user_lists', 'followers', Number(props.params.accountId), 'next']),
});
class Followers extends ImmutablePureComponent {
@ -54,7 +55,9 @@ class Followers extends ImmutablePureComponent {
}
render () {
const { accountIds } = this.props;
const { accountIds, hasMore } = this.props;
let loadMore = null;
if (!accountIds) {
return (
@ -64,6 +67,10 @@ class Followers extends ImmutablePureComponent {
);
}
if (hasMore) {
loadMore = <LoadMore onClick={this.handleLoadMore} />;
}
return (
<Column>
<ColumnBackButton />
@ -73,7 +80,7 @@ class Followers extends ImmutablePureComponent {
<div className='followers'>
<HeaderContainer accountId={this.props.params.accountId} />
{accountIds.map(id => <AccountContainer key={id} id={id} withNote={false} />)}
<LoadMore onClick={this.handleLoadMore} />
{loadMore}
</div>
</div>
</ScrollContainer>

View File

@ -18,6 +18,7 @@ import ImmutablePureComponent from 'react-immutable-pure-component';
const mapStateToProps = (state, props) => ({
accountIds: state.getIn(['user_lists', 'following', Number(props.params.accountId), 'items']),
hasMore: !!state.getIn(['user_lists', 'following', Number(props.params.accountId), 'next']),
});
class Following extends ImmutablePureComponent {
@ -54,7 +55,9 @@ class Following extends ImmutablePureComponent {
}
render () {
const { accountIds } = this.props;
const { accountIds, hasMore } = this.props;
let loadMore = null;
if (!accountIds) {
return (
@ -64,6 +67,10 @@ class Following extends ImmutablePureComponent {
);
}
if (hasMore) {
loadMore = <LoadMore onClick={this.handleLoadMore} />;
}
return (
<Column>
<ColumnBackButton />
@ -73,7 +80,7 @@ class Following extends ImmutablePureComponent {
<div className='following'>
<HeaderContainer accountId={this.props.params.accountId} />
{accountIds.map(id => <AccountContainer key={id} id={id} withNote={false} />)}
<LoadMore onClick={this.handleLoadMore} />
{loadMore}
</div>
</div>
</ScrollContainer>