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">