diff --git a/apps/client/src/app/components/admin-users/admin-users.component.ts b/apps/client/src/app/components/admin-users/admin-users.component.ts index f185401df..d684961b6 100644 --- a/apps/client/src/app/components/admin-users/admin-users.component.ts +++ b/apps/client/src/app/components/admin-users/admin-users.component.ts @@ -42,10 +42,10 @@ export class AdminUsersComponent implements OnDestroy, OnInit { public hasPermissionToImpersonateAllUsers: boolean; public info: InfoItem; public isLoading = false; - public user: User; - public pageSize = DEFAULT_PAGE_SIZE; public totalItems = 0; + public user: User; + private unsubscribeSubject = new Subject(); public constructor( @@ -167,12 +167,16 @@ export class AdminUsersComponent implements OnDestroy, OnInit { } this.adminService - .fetchUsers(pageIndex * this.pageSize, this.pageSize) + .fetchUsers({ + skip: pageIndex * this.pageSize, + take: this.pageSize + }) .pipe(takeUntil(this.unsubscribeSubject)) .subscribe(({ count, users }) => { this.totalItems = count; this.dataSource = new MatTableDataSource(users); + this.isLoading = false; this.changeDetectorRef.markForCheck(); diff --git a/apps/client/src/app/components/admin-users/admin-users.html b/apps/client/src/app/components/admin-users/admin-users.html index 1a66423bb..ca8ef0558 100644 --- a/apps/client/src/app/components/admin-users/admin-users.html +++ b/apps/client/src/app/components/admin-users/admin-users.html @@ -267,6 +267,7 @@ > + + @if (isLoading) { ('/api/v1/tag'); } - public fetchUsers(skip: number, take: number) { + public fetchUsers({ + skip, + take = DEFAULT_PAGE_SIZE + }: { + skip?: number; + take?: number; + }) { let params = new HttpParams(); - params = params.append('take', take); params = params.append('skip', skip); + params = params.append('take', take); return this.http.get('/api/v1/admin/user', { params }); }