customise message when group name is changed

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

@@ -30,8 +30,8 @@
     <ion-label>Esta conversa passou a grupo</ion-label><br />
     <ion-label>A conversa original mantêm-se como chat individual</ion-label>
   </div>
-  <div class="messages">
-    <div *ngFor="let msg of messages" class='incoming-{{msg.u.username!=loggedUser.me.username}}'>
+  <div *ngFor="let msg of messages" class="messages">
+    <div *ngIf="msg.t != 'r'" class='incoming-{{msg.u.username!=loggedUser.me.username}}'>
       <div class="title">
         <ion-label>{{msg.u.username}}</ion-label>
         <span class="time">{{msg._updatedAt | date: 'HH:mm' }}</span>
@@ -40,6 +40,9 @@
         <ion-label>{{msg.msg}}</ion-label>
       </div>
     </div>
+    <div *ngIf="msg.t == 'r'" class="info-text">
+      <ion-label>Alterou o assunto de para "{{msg.msg.split('-').join(' ')}}"</ion-label><br />
+    </div>
   </div>
 
 </ion-content>

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

@@ -90,6 +90,19 @@
      margin: 20px 39px 25px;
      border-radius: 8px;
    }
+   .info-text{
+    /* width: 322px; */
+    width: em(422px);
+    background: #fef4c5;
+    text-align: center;
+    font-size: 13px;
+    color: #262420;
+    padding: 10px;
+    margin: 10px auto;
+    line-height: 1.2rem;
+    /* margin: 15px 0px 15px 0px; */
+    border-radius: 8px;
+   }
    .messages{
     font-size: 13px;
     font-family: Roboto;