From 1d469c3617e37e921d86bf3d16faf340127ddd7a Mon Sep 17 00:00:00 2001
From: Jennie Robinson Faber <jennie@jenniefaber.com>
Date: Mon, 13 Apr 2026 21:13:50 +0100
Subject: [PATCH] fix: use CircleBadge consistently, load directory on 401
 revert, skip redundant API call in ecology mode

---
 app/pages/members/index.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/app/pages/members/index.vue b/app/pages/members/index.vue
index 5aeac12..51b52af 100644
--- a/app/pages/members/index.vue
+++ b/app/pages/members/index.vue
@@ -155,7 +155,7 @@
                 <span v-if="member.pronouns" class="mc-pronouns">{{ member.pronouns }}</span>
               </div>
               <div class="mc-meta">
-                <span class="badge" :class="member.circle">{{ circleLabels[member.circle] }}</span>
+                <CircleBadge :circle="member.circle" :label="circleLabels[member.circle]" />
                 <template v-if="member.studio">
                   <span class="sep">&middot;</span>
                   {{ member.studio }}
@@ -543,6 +543,7 @@ const loadEcology = async () => {
   } catch (error) {
     if (error?.statusCode === 401 || error?.status === 401) {
       viewMode.value = 'directory'
+      loadMembers()
       openLoginModal({
         title: 'Session expired',
         description: 'Please sign in again to view ecology',
@@ -658,7 +659,7 @@ onMounted(async () => {
   await loadTagOptions()
 
   if (viewMode.value === 'ecology' && isAuthenticated.value) {
-    await Promise.all([loadMembers(), loadEcology()])
+    await loadEcology()
   } else {
     if (viewMode.value === 'ecology' && !isAuthenticated.value) {
       viewMode.value = 'directory'