save

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

@@ -59,6 +59,7 @@
 </ion-content>
 
 <ion-footer>
+  <ion-label>{{message}}</ion-label>
   <div class="container width-100 d-flex">
     <div>
       <button class="btn-no-color" (click)="openSendGroupMessageOptions()">
@@ -67,7 +68,7 @@
     </div>
     <div class="width-80">
       <ion-item class="ion-no-padding type-message" lines="none">
-        <ion-textarea clearOnEdit="true" placeholder="Escrever uma mensagem" auto-grow class="message-input" rows="1" [(ngModel)]="message"></ion-textarea>
+        <ion-textarea clearOnEdit="true" placeholder="Escrever uma mensagem" class="message-input" rows="1" [(ngModel)]="message"></ion-textarea>
         <button hidden class="btn-no-color">
           <ion-icon slot="end" src="assets/icon/icons-chat-mic.svg"></ion-icon>
         </button>

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

@@ -185,12 +185,10 @@
 
 
    ion-textarea{
-     width: fit-content;
-     display: block;
+     min-height: 50px;
      margin: 0 !important;
      align-self: center;
-     //border: 1px solid red;
-     //overflow: auto;
+     overflow: auto;
    }
  }
 

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

@@ -18,12 +18,12 @@ export class GroupMessagesPage implements OnInit, OnChanges, AfterViewChecked {
   showLoader: boolean;
   isGroupCreated:boolean;
   loggedUser: any;
-  message:any="";
+  message:any;
   leaveStatus:any;
   messages:any;
 
 
-  room:any;
+  room:any = new Array();
   roomName:any;
   members:any;
 
@@ -95,7 +95,9 @@ export class GroupMessagesPage implements OnInit, OnChanges, AfterViewChecked {
     this.showLoader = true;
     this.chatService.getRoomInfo(this.roomId).subscribe(room=>{
       this.room = room['room'];
-      this.roomName = this.room.name.split('-').join(' ');
+      if(this.room.name){
+        this.roomName = this.room.name.split('-').join(' ');
+      }
       this.getGroupContacts(this.room);
       this.loadGroupMessages(this.room);
       this.showLoader = false;