From 972f9dffb9fdd08905ae494f061aa846d54f35d5 Mon Sep 17 00:00:00 2001
From: Fabio Manganiello <fabio@manganiello.tech>
Date: Sat, 13 Jul 2024 00:54:29 +0200
Subject: [PATCH] [YouTube UI] Fixed infinite scroll for channels.

---
 .../panels/Media/Providers/YouTube/Channel.vue         | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/platypush/backend/http/webapp/src/components/panels/Media/Providers/YouTube/Channel.vue b/platypush/backend/http/webapp/src/components/panels/Media/Providers/YouTube/Channel.vue
index f07cd3facf..a914684d48 100644
--- a/platypush/backend/http/webapp/src/components/panels/Media/Providers/YouTube/Channel.vue
+++ b/platypush/backend/http/webapp/src/components/panels/Media/Providers/YouTube/Channel.vue
@@ -1,8 +1,8 @@
 <template>
-  <div class="media-youtube-channel" @scroll="onScroll">
+  <div class="media-youtube-channel">
     <Loading v-if="loading" />
 
-    <div class="channel" @scroll="onScroll" v-else-if="channel">
+    <div class="channel" v-else-if="channel">
       <div class="header">
         <div class="banner">
           <img :src="channel.banner" v-if="channel?.banner?.length" />
@@ -45,8 +45,10 @@
                :filter="filter"
                :selected-result="selectedResult"
                ref="results"
+               @play="$emit('play', $event)"
+               @scroll-end="loadNextPage"
                @select="selectedResult = $event"
-               @play="$emit('play', $event)" />
+      />
     </div>
   </div>
 </template>
@@ -135,7 +137,7 @@ export default {
       if (!el)
         return
 
-      const bottom = (el.scrollHeight - el.scrollTop) <= el.clientHeight + 150
+      const bottom = (el.scrollHeight - el.scrollTop) <= el.clientHeight + 100
       if (!bottom)
         return