src/app/modules/pro/channel/list/list.component.ts

@@ -7,7 +7,7 @@ import {
  OnInit,
 } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
-import { Subscription } from 'rxjs';
+import { BehaviorSubject, Subscription } from 'rxjs';
 import { FeedsService } from '../../../../common/services/feeds.service';
 import {
  NavItems,
@@ -17,6 +17,7 @@ import {
 import { OverlayModalService } from '../../../../services/ux/overlay-modal';
 import { MindsTitle } from '../../../../services/ux/title';
 import { filter } from 'rxjs/operators';
+import { map } from 'rxjs/operators';
 
 @Component({
  selector: 'm-pro--channel-list',
@@ -41,6 +42,8 @@ export class ProChannelListComponent implements OnInit, OnDestroy {
 
  selectedHashtag: string = 'all';
 
+ entities$;
+
  constructor(
  public feedsService: FeedsService,
  protected modalService: OverlayModalService,
@@ -50,7 +53,20 @@ export class ProChannelListComponent implements OnInit, OnDestroy {
  protected router: Router,
  protected cd: ChangeDetectorRef,
  protected injector: Injector
- ) {}
+ ) {
+ this.entities$ = this.feedsService.feed.pipe(
+ map((elements: BehaviorSubject<any>[]) => {
+ return elements.filter((element: BehaviorSubject<any>) => {
+ const entity = element.getValue();
+ return (
+ !!entity.thumbnail_src ||
+ !!entity.custom_data ||
+ (entity.thumbnails && entity.thumbnails.length > 0)
+ );
+ });
+ })
+ );
+ }
 
  ngOnInit() {
  this.params$ = this.route.params.subscribe(params => {
@@ -166,12 +182,6 @@ export class ProChannelListComponent implements OnInit, OnDestroy {
  this.channelService.pushMenuNavItems(navItems, true);
  }
 
- get entities$() {
- return this.feedsService.feed.pipe(
- filter((entity: any) => !!entity.thumbnail_src)
- );
- }
-
  get hasMore$() {
  return this.feedsService.hasMore;
  }