Browse Source

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
pull/211/head
Jose Olarte III 2 weeks ago
parent
commit
e048e4c86b
  1. 6
      src/components/MembersList.vue

6
src/components/MembersList.vue

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

Loading…
Cancel
Save