IV: Allow fetching more community posts (#3466)

* Allow fetching more community posts with IV

* Update src/renderer/views/Channel/Channel.js

Co-authored-by: PikachuEXE <pikachuexe@gmail.com>

---------

Co-authored-by: PikachuEXE <pikachuexe@gmail.com>

src/renderer/helpers/api/invidious.js

@@ -145,16 +145,21 @@ function parseInvidiousCommentData(response) {
   })
 }
 
-export async function invidiousGetCommunityPosts(channelId) {
+export async function invidiousGetCommunityPosts(channelId, continuation = null) {
   const payload = {
     resource: 'channels',
     id: channelId,
-    subResource: 'community'
+    subResource: 'community',
+    params: {}
+  }
+
+  if (continuation) {
+    payload.params.continuation = continuation
   }
 
   const response = await invidiousAPICall(payload)
   response.comments = response.comments.map(communityPost => parseInvidiousCommunityData(communityPost))
-  return response.comments
+  return { posts: response.comments, continuation: response.continuation ?? null }
 }
 
 function parseInvidiousCommunityData(data) {

src/renderer/views/Channel/Channel.js

@@ -1119,8 +1119,15 @@ export default defineComponent({
     },
 
     getCommunityPostsInvidious: function() {
-      invidiousGetCommunityPosts(this.id).then(posts => {
+      const more = !isNullOrEmpty(this.communityContinuationData)
-        this.latestCommunityPosts = posts
+
+      invidiousGetCommunityPosts(this.id, this.communityContinuationData).then(({ posts, continuation }) => {
+        if (more) {
+          this.latestCommunityPosts.push(...posts)
+        } else {
+          this.latestCommunityPosts = posts
+        }
+        this.communityContinuationData = continuation
       }).catch(async (err) => {
         console.error(err)
         const errorMessage = this.$t('Invidious API Error (Click to copy)')
@@ -1263,8 +1270,7 @@ export default defineComponent({
               this.getCommunityPostsLocalMore()
               break
             case 'invidious':
-              // not supported by invidious yet...
+              this.getCommunityPostsInvidious()
-              // this.getCommunityPostsInvidiousMore()
               break
           }
           break