<ion-header class="ion-no-border">
  <ion-toolbar>
    <ion-buttons slot="start">
      <ion-back-button></ion-back-button>
    </ion-buttons>
    <ion-title class="ion-text-center">{{ 'TRENDS_TITLE' | translate }}</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>
  <app-product-list [listProducts]="listProducts"></app-product-list>
  <ion-infinite-scroll (ionInfinite)="moreProducts($event)">
    <ion-infinite-scroll-content loadingSpinner="bubbles" loadingText="{{ 'LOADING_MORE_PRODUCTS' | translate}}"> </ion-infinite-scroll-content>
  </ion-infinite-scroll>
</ion-content>