From: Chocobozzz <me@florianbigard.com>
Date: Wed, 14 Sep 2022 13:18:05 +0000 (+0200)
Subject: Fix missing pagination when listing channel syncs
X-Git-Tag: v4.3.0~53
X-Git-Url: https://git.immae.eu/?a=commitdiff_plain;h=c95fbe65530191d7be22341815ecb743c139396f;p=github%2FChocobozzz%2FPeerTube.git

Fix missing pagination when listing channel syncs
---

diff --git a/client/src/app/+my-library/my-video-channel-syncs/my-video-channel-syncs.component.html b/client/src/app/+my-library/my-video-channel-syncs/my-video-channel-syncs.component.html
index c2fed8112..5f368d430 100644
--- a/client/src/app/+my-library/my-video-channel-syncs/my-video-channel-syncs.component.html
+++ b/client/src/app/+my-library/my-video-channel-syncs/my-video-channel-syncs.component.html
@@ -12,7 +12,7 @@
 <p-table
   *ngIf="syncEnabled()" [value]="channelSyncs" [lazy]="true"
   [paginator]="totalRecords > 0" [totalRecords]="totalRecords" [rows]="rowsPerPage" [rowsPerPageOptions]="rowsPerPageOptions"
-  [sortField]="sort.field" [sortOrder]="sort.order" (onLazyLoad)="loadLazy($event)" dataKey="id"
+  [first]="pagination.start" [sortField]="sort.field" [sortOrder]="sort.order" (onLazyLoad)="loadLazy($event)" dataKey="id"
   [showCurrentPageReport]="true" i18n-currentPageReportTemplate
   currentPageReportTemplate="Showing {{'{first}'}} to {{'{last}'}} of {{'{totalRecords}'}} synchronizations"
   [expandedRowKeys]="expandedRows"
diff --git a/client/src/app/+my-library/my-video-channel-syncs/my-video-channel-syncs.component.ts b/client/src/app/+my-library/my-video-channel-syncs/my-video-channel-syncs.component.ts
index 0c429e5dd..290847418 100644
--- a/client/src/app/+my-library/my-video-channel-syncs/my-video-channel-syncs.component.ts
+++ b/client/src/app/+my-library/my-video-channel-syncs/my-video-channel-syncs.component.ts
@@ -75,6 +75,7 @@ export class MyVideoChannelSyncsComponent extends RestTable implements OnInit {
       .subscribe({
         next: res => {
           this.channelSyncs = res.data
+          this.totalRecords = res.total
         },
         error: err => {
           this.error = err.message