set last message

src/app/ui/chat/component/messages/messages.page.html

@@ -9,7 +9,7 @@
           <span *ngIf="roomStatus$ | async as roomStatus"><ion-icon *ngIf="roomStatus" class="online" name="ellipse"></ion-icon></span>
         </div>
         <div class="right">
-          <button title="Menu" class="btn-no-color" (click)="_openMessagesOptions()" >
+          <button title="Menu" class="btn-no-color" (click)="_openMessagesOptions()" *ngIf="roomType == RoomTypeEnum.Group">
             <ion-icon *ngIf="ThemeService.currentTheme == 'default' " src="assets/images/theme/blue/icons-menu.svg"></ion-icon>
             <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " src="assets/images/theme/gov/icons-menu.svg">
             </ion-icon>
@@ -52,6 +52,13 @@
         'other-message': message.messageType == IMessageType.normal && message?.sender?.wxUserId !== SessionStore.user.UserId && !message.ballon
       }"
     >
+      <!-- Emoji Picker -->
+      <div *ngIf="selectedMessage === message" class="emoji-picker mr-20" [ngStyle]="{'bottom': '0', 'right': '0'}">
+        <span *ngFor="let emoji of emojis" (click)="addReaction(message, emoji)" class="emoji-icon">
+          {{ emoji }}
+        </span>
+      </div>
+
       <div class="message-container rotate-div" *ngIf="message.showMessage">
         <div class="d-flex justify-content-between">
           <div>
@@ -143,12 +150,7 @@
             <ion-icon *ngIf="messageStatus(message) == 'allViewed'" src="assets/images/check-double-solid -viewed.svg"></ion-icon>
           </div>
         </div>
-        <!-- Emoji Picker -->
-        <div *ngIf="selectedMessage === message" class="emoji-picker" [ngStyle]="{'bottom': '0', 'right': '0'}">
-          <span *ngFor="let emoji of emojis" (click)="addReaction(message, emoji)" class="emoji-icon">
-            {{ emoji }}
-          </span>
-        </div>
+
       </div>
       <div class="message-container rotate-div" *ngIf="message.isDeleted == true">
         Mensagem foi eliminada