From e048e4c86b4ec65bbc8d2b8792565d8f8209b0b9 Mon Sep 17 00:00:00 2001
From: Jose Olarte III <jose.anomalist.design@gmail.com>
Date: Fri, 24 Oct 2025 15:40:34 +0800
Subject: [PATCH] fix: restrict pending member styling to organizers only

- Apply special styling (blue background, grayed text, hourglass icon) only when current user is organizer
- Non-organizers now see consistent styling for all visible members
- Maintains organizer's ability to distinguish between admitted and pending members
- Fixes issue where non-organizers saw inconsistent styling for all members
---
 src/components/MembersList.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/MembersList.vue b/src/components/MembersList.vue
index 65170a2e..92a5c35a 100644
--- a/src/components/MembersList.vue
+++ b/src/components/MembersList.vue
@@ -66,7 +66,7 @@
             'border-b px-2 sm:px-3 py-1.5',
             {
               'bg-blue-50 border-t border-blue-300 -mt-[1px]':
-                !member.member.admitted,
+                !member.member.admitted && isOrganizer,
             },
             { 'border-slate-300': member.member.admitted },
           ]"
@@ -76,7 +76,7 @@
               <h3
                 :class="[
                   'font-semibold truncate',
-                  { 'text-slate-500': !member.member.admitted },
+                  { 'text-slate-500': !member.member.admitted && isOrganizer },
                 ]"
               >
                 <font-awesome
@@ -85,7 +85,7 @@
                   class="fa-fw text-amber-400"
                 />
                 <font-awesome
-                  v-if="!member.member.admitted"
+                  v-if="!member.member.admitted && isOrganizer"
                   icon="hourglass-half"
                   class="fa-fw text-slate-400"
                 />