add delete button

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

@@ -46,9 +46,21 @@
     <div
       *ngFor="let message of roomMessage$ | async" class="messages-list-item-wrapper"
       [ngClass]="{'my-message': message.sender.wxUserId === sessionStore.user.UserId, 'other-message': message.sender.wxUserId !== sessionStore.user.UserId}">
-      {{ message.message }} == {{ message.id }}
+      <div class="message-wrapper">
+        {{ message.message }} == {{ message.id }}
+
+        <div class="message-item-options d-flex justify-content-end">
+          <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>
+
     </div>
 
+
   </div>
 
   <ion-fab horizontal="end" vertical="bottom" slot="fixed">

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

@@ -512,12 +512,6 @@ export class MessagesPage implements OnInit, OnChanges, AfterViewInit, OnDestroy
     this.deleteRecording();
   }
 
-
-  deleteMessage(msgId: string, msg: MessageService) {
-    //  this.ChatSystemService.getDmRoom(this.roomId).sendDeleteRequest(msgId)
-  }
-
-
   async openViewDocumentModal(file: any) {
     let task = {
       serialNumber: '',
@@ -921,6 +915,7 @@ export class MessagesPage implements OnInit, OnChanges, AfterViewInit, OnDestroy
   }
 
 
+  deleteMessage() {}
 
   async addFileToChat(types: typeof FileType[]) {