save

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

@@ -34,14 +34,12 @@
     <div class="messages-list-item-wrapper container-width-100" *ngFor="let msg of chatMessageStore.message[roomId]; let last = last">
       <div class='message-item incoming-{{msg.u.username!=loggedUser.me.username}} max-width-45'>
         <div class="message-item-options d-flex justify-content-end">
-          <fa-icon (click)="mesageItemDropdownOptions=true" icon="chevron-down" class="message-options-icon"></fa-icon>
-          <!-- <div class="mesage-item-dropdown-options" *ngIf="mesageItemDropdownOptions">
-            <ion-label>Apagar mensagem</ion-label>
-          </div> -->
-          <ion-select hidden class="message-options-icon" interface="popover">
-            <ion-select-option value="nes">Apagar mensagem</ion-select-option>
-          </ion-select>
 
+          <fa-icon [matMenuTriggerFor]="beforeMenu" icon="chevron-down" class="message-options-icon cursor-pointer"></fa-icon>
+
+          <mat-menu #beforeMenu="matMenu" xPosition="before">
+            <button (click)="deleteMessage()" class="menuButton">Apagar mensagem</button>
+          </mat-menu>
         </div>
         <div class="title">
           <ion-label>{{msg.u.name}}</ion-label>