Browse Source

Fix LoadMore in following and followers. (#3585)

closed-social-glitch-2
Naoki Kosaka 6 years ago
committed by Eugen Rochko
parent
commit
1f1d6bf2a0
2 changed files with 18 additions and 4 deletions
  1. +9
    -2
      app/javascript/mastodon/features/followers/index.js
  2. +9
    -2
      app/javascript/mastodon/features/following/index.js

+ 9
- 2
app/javascript/mastodon/features/followers/index.js 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>

+ 9
- 2
app/javascript/mastodon/features/following/index.js 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>

Loading…
Cancel
Save