From db0009ebad323bf51dbdeaf4a03c883c8a163442 Mon Sep 17 00:00:00 2001
From: negue <negue@users.noreply.github.com>
Date: Wed, 6 May 2020 18:37:29 +0200
Subject: [PATCH] FIX: scroll/loading guilds (#12176)

* debounce scroll/loading guilds

* Update discovery.vue

remove threshold
---
 website/client/src/components/groups/discovery.vue | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/website/client/src/components/groups/discovery.vue b/website/client/src/components/groups/discovery.vue
index 0fad05347d..909453acf9 100644
--- a/website/client/src/components/groups/discovery.vue
+++ b/website/client/src/components/groups/discovery.vue
@@ -52,7 +52,7 @@ b-dropdown(:text="$t('sort')", right=true)
           />
           <mugen-scroll
             v-show="loading"
-            :handler="fetchGuilds"
+            :handler="triggerFetchGuilds"
             :should-handle="!loading && !hasLoadedAllGuilds"
             :handle-on-mount="true"
           >
@@ -90,6 +90,7 @@ b-dropdown(:text="$t('sort')", right=true)
 
 <script>
 import MugenScroll from 'vue-mugen-scroll';
+import debounce from 'lodash/debounce';
 import PublicGuildItem from './publicGuildItem';
 import Sidebar from './sidebar';
 import groupUtilities from '@/mixins/groupsUtilities';
@@ -217,13 +218,19 @@ export default {
       _mapCategories(guilds);
       this.guilds = guilds;
     },
+    triggerFetchGuilds () {
+      this.loading = true;
+      this.debounceFetchGuilds();
+    },
+    debounceFetchGuilds: debounce(function debounceFetchGuilds () {
+      this.fetchGuilds();
+    }, 1000),
     async fetchGuilds () {
       // We have the data cached
       if (this.lastPageLoaded === 0 && this.guilds.length > 0) {
         this.lastPageLoaded += 1;
       }
 
-      this.loading = true;
       this.queryFilters.page = this.lastPageLoaded;
       const guilds = await this.$store.dispatch('guilds:getPublicGuilds', this.queryFilters);
       if (guilds.length === 0) this.hasLoadedAllGuilds = true;