New format of chat group name

src/app/shared/chat/group-messages/group-messages.page.html

@@ -3,7 +3,7 @@
     <div class="main-header">
       <div class="header-top">
         <div class="middle">
-          <ion-label class="title">{{wsChatMethodsService.getGroupRoom(roomId).name}}</ion-label>
+          <ion-label class="title">{{groupNameFormart }}</ion-label>
         </div>
         <div class="right">
           <button title="Menu" class="btn-no-color" (click)="openGroupMessagesOptions()">

src/app/shared/chat/group-messages/group-messages.page.ts

@@ -102,6 +102,7 @@ export class GroupMessagesPage implements OnInit, OnChanges, AfterViewInit, OnDe
 
   audioPermissionStatus: 'granted'| 'denied' | 'prompt' | null = null
   sessionStore = SessionStore
+  groupNameFormart = "";
 
   constructor(
     public wsChatMethodsService: WsChatMethodsService,
@@ -131,6 +132,7 @@ export class GroupMessagesPage implements OnInit, OnChanges, AfterViewInit, OnDe
     private fileOpener: FileOpener,
 
 
+
   ) {
     
     this.loggedUserChat = authService.ValidatedUserChat['data'];
@@ -148,6 +150,9 @@ export class GroupMessagesPage implements OnInit, OnChanges, AfterViewInit, OnDe
     // 
     this.wsChatMethodsService.openRoom(this.roomId)
     this.wsChatMethodsService.getGroupRoom(this.roomId).scrollDown = this.scrollToBottomClicked
+    this.groupNameFormart = this.wsChatMethodsService.getGroupRoom(this.roomId).name.split('-').join(' ') 
+
+
 
     this.showAvatar = false