fix: use CircleBadge consistently, load directory on 401 revert, skip redundant API call in ecology mode

This commit is contained in:
Jennie Robinson Faber 2026-04-13 21:13:50 +01:00
parent d4c1664e5c
commit 1d469c3617

View file

@ -155,7 +155,7 @@
<span v-if="member.pronouns" class="mc-pronouns">{{ member.pronouns }}</span> <span v-if="member.pronouns" class="mc-pronouns">{{ member.pronouns }}</span>
</div> </div>
<div class="mc-meta"> <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"> <template v-if="member.studio">
<span class="sep">&middot;</span> <span class="sep">&middot;</span>
{{ member.studio }} {{ member.studio }}
@ -543,6 +543,7 @@ const loadEcology = async () => {
} catch (error) { } catch (error) {
if (error?.statusCode === 401 || error?.status === 401) { if (error?.statusCode === 401 || error?.status === 401) {
viewMode.value = 'directory' viewMode.value = 'directory'
loadMembers()
openLoginModal({ openLoginModal({
title: 'Session expired', title: 'Session expired',
description: 'Please sign in again to view ecology', description: 'Please sign in again to view ecology',
@ -658,7 +659,7 @@ onMounted(async () => {
await loadTagOptions() await loadTagOptions()
if (viewMode.value === 'ecology' && isAuthenticated.value) { if (viewMode.value === 'ecology' && isAuthenticated.value) {
await Promise.all([loadMembers(), loadEcology()]) await loadEcology()
} else { } else {
if (viewMode.value === 'ecology' && !isAuthenticated.value) { if (viewMode.value === 'ecology' && !isAuthenticated.value) {
viewMode.value = 'directory' viewMode.value = 'directory'