From c2313b4eb37a2bcde87e6592ab29159feb964f04 Mon Sep 17 00:00:00 2001
From: Drew Ansbacher <drew.ansbacher@spiredigital.com>
Date: Tue, 13 Jul 2021 16:01:01 -0600
Subject: [PATCH] infinite scroll

---
 .../marketplace-list/marketplace-list.page.html               | 4 ++++
 .../marketplace-list/marketplace-list.page.ts                 | 2 +-
 ui/src/app/services/api/mock-api.service.ts                   | 2 +-
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/ui/src/app/pages/marketplace-routes/marketplace-list/marketplace-list.page.html b/ui/src/app/pages/marketplace-routes/marketplace-list/marketplace-list.page.html
index 1ffa71f5a..d47524b2d 100644
--- a/ui/src/app/pages/marketplace-routes/marketplace-list/marketplace-list.page.html
+++ b/ui/src/app/pages/marketplace-routes/marketplace-list/marketplace-list.page.html
@@ -83,4 +83,8 @@
       </ion-grid>
     </ng-template>
   </ng-template>
+  <ion-infinite-scroll [disabled]="!needInfinite" (ionInfinite)="doInfinite($event)">
+    <ion-infinite-scroll-content loadingSpinner="lines"></ion-infinite-scroll-content>
+  </ion-infinite-scroll>
+  
 </ion-content>
diff --git a/ui/src/app/pages/marketplace-routes/marketplace-list/marketplace-list.page.ts b/ui/src/app/pages/marketplace-routes/marketplace-list/marketplace-list.page.ts
index b831e6943..05203eeb8 100644
--- a/ui/src/app/pages/marketplace-routes/marketplace-list/marketplace-list.page.ts
+++ b/ui/src/app/pages/marketplace-routes/marketplace-list/marketplace-list.page.ts
@@ -30,7 +30,7 @@ export class MarketplaceListPage {
 
   page = 1
   needInfinite = false
-  readonly perPage = 20
+  readonly perPage = 30
 
   subs: Subscription[] = []
 
diff --git a/ui/src/app/services/api/mock-api.service.ts b/ui/src/app/services/api/mock-api.service.ts
index 282aeaee9..c35592316 100644
--- a/ui/src/app/services/api/mock-api.service.ts
+++ b/ui/src/app/services/api/mock-api.service.ts
@@ -506,7 +506,7 @@ export class MockApiService extends ApiService {
     }
     const url = `${registryURL}/marketplace/available/list?${params.category ? `category=${params.category}` : ''}&per-page=${params['per-page'] || '20'}&page=${params.page || '1'}&query=${params.query || ''}`
     let av = await this.http.simpleGet(url)
-    return (av as any)
+    return (av as any).services
   }
 
   async getAvailableShow (params: RR.GetAvailableShowReq): Promise<RR.GetAvailableShowRes> {