add repository patter for chat

src/app/pages/chat/chat.page.ts

@@ -16,7 +16,7 @@ import { ContactsPage } from './messages/contacts/contacts.page';
 import { MessagesPage } from './messages/messages.page';
 import { NewGroupPage } from './new-group/new-group.page';
 import { EditGroupPage } from 'src/app/shared/chat/edit-group/edit-group.page';
-import { Subject } from "rxjs/Rx";
+import { Observable, Subject } from "rxjs/Rx";
 import { NavigationStart, Router, NavigationEnd, ActivatedRoute } from '@angular/router';
 import { EventPerson } from 'src/app/models/eventperson.model';
 import { removeDuplicate } from 'src/plugin/removeDuplicate.js'
@@ -32,6 +32,8 @@ import { EventTrigger } from 'src/app/services/eventTrigger.service';
 import { RochetChatConnectorService } from 'src/app/services/chat/rochet-chat-connector.service';
 import { RouteService } from 'src/app/services/route.service';
 import { Plugins } from '@capacitor/core';
+import { Store } from '@ngrx/store';
+import { RoomRemoteDataSourceState } from 'src/app/services/Repositorys/chat/data-source/room-memory-data-source';
 
 
 const { App } = Plugins;
@@ -111,6 +113,9 @@ export class ChatPage implements OnInit {
   receivedData: any;
   routerSubscription
 
+  count$: Observable<RoomRemoteDataSourceState>;
+
+
   constructor(
     private chatService: ChatService,
     private modalController: ModalController,
@@ -128,9 +133,12 @@ export class ChatPage implements OnInit {
     private eventTriger: EventTrigger,
     private RochetChatConnectorService: RochetChatConnectorService,
     private zone: NgZone,
-    public RouteService: RouteService
+    public RouteService: RouteService,
+    private store: Store<{ chat: RoomRemoteDataSourceState }>
   ) {
 
+    this.count$ = store.select('chat');
+
     this.headers = new HttpHeaders();;
     window.onresize = (event) => {
       if (window.innerWidth > 701) {