diff --git a/registry/lib/components/style/home-redesign/minimal/tabs/Feeds.vue b/registry/lib/components/style/home-redesign/minimal/tabs/Feeds.vue index 297821f43..81eb1a60f 100644 --- a/registry/lib/components/style/home-redesign/minimal/tabs/Feeds.vue +++ b/registry/lib/components/style/home-redesign/minimal/tabs/Feeds.vue @@ -4,7 +4,7 @@ - + @@ -43,6 +43,7 @@ export default Vue.extend({ try { this.error = false this.loading = true + this.$refs.scrollTrigger.setLoadState('loading') this.cards = lodash.uniqBy( [...this.cards, ...(await getVideoFeeds('video', this.lastID))], it => it.id, @@ -50,12 +51,17 @@ export default Vue.extend({ } catch (error) { logError(error) this.error = true + this.$refs.scrollTrigger.setLoadState('error') } finally { this.loading = false + if (this.loaded) { + this.$refs.scrollTrigger.setLoadState('loaded') + } } }, async refresh() { this.cards = [] + this.$refs.scrollTrigger.resetIsFirstLoad() }, }, }) diff --git a/src/ui/ScrollTrigger.vue b/src/ui/ScrollTrigger.vue index 8886aefe6..16379e374 100644 --- a/src/ui/ScrollTrigger.vue +++ b/src/ui/ScrollTrigger.vue @@ -7,23 +7,89 @@