feat(gallery-web): update derived loader controller to use refresh interval

Author: samuelreichert

packages/pluggableWidgets/gallery-web/src/controllers/DerivedLoaderController.ts

@@ -4,20 +4,39 @@ import { computed, makeObservable } from "mobx";
 export class DerivedLoaderController {
     constructor(
         private datasourceService: DatasourceService,
-        private refreshIndicator: boolean
+        private refreshIndicator: boolean,
+        private showSilentRefresh: boolean
     ) {
         makeObservable(this, {
-            isRefreshing: computed,
-            showRefreshIndicator: computed
+            isFirstLoad: computed,
+            isFetchingNextBatch: computed,
+            isRefreshing: computed
         });
     }
 
+    get isFirstLoad(): boolean {
+        return this.datasourceService.isFirstLoad;
+    }
+
+    get isFetchingNextBatch(): boolean {
+        return this.datasourceService.isFetchingNextBatch;
+    }
+
     get isRefreshing(): boolean {
         const { isSilentRefresh, isRefreshing } = this.datasourceService;
+
+        if (this.showSilentRefresh) {
+            return isSilentRefresh || isRefreshing;
+        }
+
         return !isSilentRefresh && isRefreshing;
     }
 
     get showRefreshIndicator(): boolean {
-        return this.refreshIndicator && this.isRefreshing;
+        if (!this.refreshIndicator) {
+            return false;
+        }
+
+        return this.isRefreshing;
     }
 }

packages/pluggableWidgets/gallery-web/src/stores/GalleryStore.ts

@@ -36,6 +36,7 @@ interface StaticProps {
     storeFilters: boolean;
     storeSort: boolean;
     refreshIndicator: boolean;
+    refreshInterval: number;
 }
 
 export type GalleryPropsGate = DerivedPropsGate<DynamicProps>;
@@ -63,7 +64,7 @@ export class GalleryStore extends SetupHost {
 
         this.name = spec.name;
 
-        this._query = new DatasourceService(this, spec.gate, 0 * 1000);
+        this._query = new DatasourceService(this, spec.gate, spec.refreshInterval * 1000);
 
         this.paging = new PaginationController({
             query: this._query,
@@ -95,7 +96,11 @@ export class GalleryStore extends SetupHost {
             host: this._sortHost
         };
 
-        this.loaderCtrl = new DerivedLoaderController(this._query, spec.refreshIndicator);
+        this.loaderCtrl = new DerivedLoaderController({
+            showSilentRefresh: spec.refreshInterval > 1,
+            refreshIndicator: spec.refreshIndicator,
+            query: this._query
+        });
 
         const useStorage = spec.storeFilters || spec.storeSort;
         if (useStorage) {