Fix update of User roles table after a role has been removed

src/frontend/app/shared/monitors/pagination-monitor.ts

@@ -2,14 +2,24 @@ import { Store } from '@ngrx/store';
 import { denormalize, schema } from 'normalizr';
 import { asapScheduler, Observable } from 'rxjs';
 import { tag } from 'rxjs-spy/operators';
-import { distinctUntilChanged, filter, map, observeOn, publishReplay, refCount, withLatestFrom } from 'rxjs/operators';
-import { getAPIRequestDataState } from '../../store/selectors/api.selectors';
+import {
+  combineLatest as combineLatestOperator,
+  distinctUntilChanged,
+  filter,
+  map,
+  observeOn,
+  publishReplay,
+  refCount,
+  withLatestFrom,
+  tap,
+} from 'rxjs/operators';
+
+import { getAPIRequestDataState, selectEntities } from '../../store/selectors/api.selectors';
 import { selectPaginationState } from '../../store/selectors/pagination.selectors';
 import { AppState } from './../../store/app-state';
 import { ActionState } from './../../store/reducers/api-request-reducer/types';
 import { PaginationEntityState } from './../../store/types/pagination.types';
 
-
 export class PaginationMonitor<T = any> {
   /**
   * Emits the current page of entities.
@@ -117,13 +127,16 @@ export class PaginationMonitor<T = any> {
     pagination$: Observable<PaginationEntityState>,
     schema: schema.Entity
   ) {
+    const entityObservable$ = this.store.select(selectEntities<T>(this.schema.key)).pipe(distinctUntilChanged());
+    const allEntitiesObservable$ = this.store.select(getAPIRequestDataState);
     return pagination$.pipe(
       // Improve efficiency
       observeOn(asapScheduler),
       filter((pagination) => this.hasPage(pagination)),
       distinctUntilChanged(this.isPageSameIsh),
-      withLatestFrom(this.store.select(getAPIRequestDataState)),
-      map(([pagination, allEntities]) => {
+      combineLatestOperator(entityObservable$),
+      withLatestFrom(allEntitiesObservable$),
+      map(([[pagination], allEntities]) => {
         const page = pagination.ids[pagination.currentPage] || [];
         return page.length ? denormalize(page, [schema], allEntities).filter(ent => !!ent) : [];
       }),