From 3eacc4976d78724f5014888182504ea38d28f669 Mon Sep 17 00:00:00 2001
From: sanchezvem <mathys.sanchezvende@gmail.com>
Date: Sun, 26 Apr 2026 17:16:45 +0100
Subject: [PATCH] updated UI

---
 .../group-info/group-info.component.html         | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/app/components/group-info/group-info.component.html b/src/app/components/group-info/group-info.component.html
index f6815d7..36ae143 100644
--- a/src/app/components/group-info/group-info.component.html
+++ b/src/app/components/group-info/group-info.component.html
@@ -17,9 +17,11 @@
                     <i class="fa-solid fa-crown text-xs text-yellow-600"></i>
                 }
                 <div class="flex items-center justify-end gap-1 w-full">
-                    <ion-icon class="text-2xl text-green-800 cursor-pointer" name="arrow-up-circle-outline"
-                              (click)="promoteUser(user.id)"></ion-icon>
-                    <app-pipe></app-pipe>
+                    @if (user.grade == 'Member'){
+                        <ion-icon class="text-2xl text-green-800 cursor-pointer" name="arrow-up-circle-outline"
+                                  (click)="promoteUser(user.id)"></ion-icon>
+                        <app-pipe></app-pipe>
+                    }
                     <ion-icon class="text-xl text-red-800 cursor-pointer" name="ban"
                               (click)="deleteUser(user.id)"></ion-icon>
                 </div>
@@ -31,9 +33,11 @@
                     <i class="fa-solid fa-crown text-xs text-yellow-600"></i>
                 }
                 <div class="flex items-center justify-end gap-1 w-full">
-                    <ion-icon class="text-2xl text-green-800 cursor-pointer" name="arrow-up-circle-outline"
-                              (click)="promoteUser(user.id)"></ion-icon>
-                    <app-pipe></app-pipe>
+                    @if (user.grade == 'Member'){
+                        <ion-icon class="text-2xl text-green-800 cursor-pointer" name="arrow-up-circle-outline"
+                                  (click)="promoteUser(user.id)"></ion-icon>
+                        <app-pipe></app-pipe>
+                    }
                     <ion-icon class="text-xl text-red-800 cursor-pointer" name="ban"
                               (click)="deleteUser(user.id)"></ion-icon>
                 </div>