HOSN-app/app/src/pages/search-results-tweets-recent/search-results-tweets-recent.ts

import { Component } from "@angular/core";
import {
  IonicPage,
  NavController,
  NavParams,
  Refresher,
  InfiniteScroll
} from "ionic-angular";
import { TwitterApiProvider } from "../../providers/twitter-api/twitter-api";

@IonicPage()
@Component({
  selector: "page-search-results-tweets-recent",
  templateUrl: "search-results-tweets-recent.html"
})
export class SearchResultsTweetsRecentPage {
  keyword: string;
  tweets = [];

  constructor(
    public navCtrl: NavController,
    public navParams: NavParams,
    private twitter: TwitterApiProvider
  ) {
    this.keyword = navParams.data;
  }

  async ionViewDidLoad() {
    if (this.keyword.length) {
      this.tweets = await this.twitter.searchRecentTweets(this.keyword);
    }
  }

  doRefresh(refresher: Refresher) {
    this.twitter.searchRecentTweets(this.keyword).then(tweets => {
      this.tweets = tweets;
      refresher.complete();
    });
  }

  loadMore(infiniteScroll: InfiniteScroll) {
    this.twitter
      .searchRecentTweets(this.keyword, this.oldestTweet)
      .then(tweets => {
        this.tweets["statuses"] = this.tweets["statuses"].concat(
          tweets["statuses"]
        );
        infiniteScroll.complete();
      });
  }

  get oldestTweet() {
    if (this.tweets.length > 0) {
      return this.tweets.reduce((acc, cur) => (acc.id < cur.id ? acc : cur))[
        "id_str"
      ];
    } else {
      return undefined;
    }
  }

  get enableRefresh() {
    return this.keyword.length > 0;
  }

  get enableInfiniteScroll() {
    return this.keyword.length > 0;
  }
}