user without permission cant delete or edit group name

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

@@ -75,6 +75,7 @@ export class GroupMessagesPage implements OnInit, OnChanges, AfterViewInit, OnDe
   scrollToBottomBtn = false;
   roomCountDownDate: string;
   roomCountDownTime: string;
+  isAdmin = false;
 
   @Input() roomId: string;
   @Output() closeAllDesktopComponents: EventEmitter<any> = new EventEmitter<any>();
@@ -101,7 +102,6 @@ export class GroupMessagesPage implements OnInit, OnChanges, AfterViewInit, OnDe
 
   audioPermissionStatus: 'granted'| 'denied' | 'prompt' | null = null
   sessionStore = SessionStore
-  groupAdminId = "";
 
   constructor(
     public wsChatMethodsService: WsChatMethodsService,
@@ -404,10 +404,16 @@ export class GroupMessagesPage implements OnInit, OnChanges, AfterViewInit, OnDe
     let room = await this.chatService.getRoomInfo(this.roomId).toPromise();
     console.log('ROOM',room)
     this.room = room['room'];
-    this.groupAdminId = this.room.u._id;
     if (this.room.name) {
       this.roomName = this.room.name.split('-').join(' ');
     }
+    
+
+    if(SessionStore.user.ChatData.data.userId == this.room.u._id){
+      this.isAdmin = true
+    } else {
+      this.isAdmin = false
+    }
 
     if (this.room.customFields.countDownDate) {
       this.roomCountDownDate = this.room.customFields.countDownDate;
@@ -506,8 +512,6 @@ export class GroupMessagesPage implements OnInit, OnChanges, AfterViewInit, OnDe
   }
 
   async openGroupMessagesOptions() {
-    alert(this.groupAdminId)
-    if(SessionStore.user.ChatData.data.userId == this.groupAdminId) {
       const enterAnimation = (baseEl: any) => {
         const backdropAnimation = this.animationController.create()
           .addElement(baseEl.querySelector('ion-backdrop')!)
@@ -554,6 +558,7 @@ export class GroupMessagesPage implements OnInit, OnChanges, AfterViewInit, OnDe
         componentProps: {
           roomId: this.roomId,
           members: this.members,
+          isAdmin: this.isAdmin
         }
       });
       await modal.present();
@@ -583,7 +588,6 @@ export class GroupMessagesPage implements OnInit, OnChanges, AfterViewInit, OnDe
         };
   
       });
-    }
 
     
   }

src/app/shared/popover/chat-popover/chat-popover.page.html

@@ -7,9 +7,9 @@
   </div>
   <div class="buttons">
     <button (click)="leaveGroup()" class="btn-cancel" shape="round" >Sair do Grupo</button>
-    <button (click)="openChangeGroupName()" class="btn-cancel" shape="round" >Alterar nome do grupo</button>
+    <button *ngIf="isAdmin" (click)="openChangeGroupName()" class="btn-cancel" shape="round" >Alterar nome do grupo</button>
     <div class="solid"></div>
-    <button (click)="close('cancel')" full class="btn-cancel mobile-only" shape="round" >Cancelar</button>
-    <button (click)="deleteGroup()" class="btn-delete" shape="round">Apagar grupo</button>
+    <button  (click)="close('cancel')" full class="btn-cancel mobile-only" shape="round" >Cancelar</button>
+    <button *ngIf="isAdmin" (click)="deleteGroup()" class="btn-delete" shape="round">Apagar grupo</button>
   </div>
 </ion-content>

src/app/shared/popover/chat-popover/chat-popover.page.ts

@@ -6,6 +6,7 @@ import { ThemeService } from 'src/app/services/theme.service'
 import { SetRoomOwnerPage } from 'src/app/modals/set-room-owner/set-room-owner.page';
 import { WsChatMethodsService } from 'src/app/services/chat/ws-chat-methods.service';
 import { HttpErrorResponse } from '@angular/common/http';
+import { SessionStore } from 'src/app/store/session.service';
 
 
 @Component({
@@ -17,6 +18,7 @@ export class ChatPopoverPage implements OnInit {
   roomId:string;
   room: any;
   members:any;
+  isAdmin = false;
 
   constructor(
     private popoverController: PopoverController,
@@ -29,6 +31,7 @@ export class ChatPopoverPage implements OnInit {
   ) {
     this.roomId = this.navParams.get('roomId');
     this.members = this.navParams.get('members');
+    this.isAdmin = this.navParams.get('isAdmin');
   }
 
   ngOnInit() {
@@ -63,6 +66,7 @@ export class ChatPopoverPage implements OnInit {
       componentProps: {
         roomId: this.roomId,
         members: this.members,
+        isAdmin: this.isAdmin
       }
     });
     await modal.present();