jennie/ghostguild-org
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Updates to profile

Browse source
This commit is contained in:
Jennie Robinson Faber 2025-10-06 14:52:03 +01:00
parent 1b8dacf92a
commit 970b185151
16 changed files with 652 additions and 1585 deletions
Download patch file Download diff file Expand all files Collapse all files

17
app/pages/members.vue
View file

@ -34,13 +34,13 @@
</div>
<!-- Skills Filter -->
<div v-if="availableSkills.length > 0">
<div v-if="availableSkills && availableSkills.length > 0">
<div class="flex flex-wrap gap-2">
<span class="text-sm text-stone-400 mr-2 self-center"
>Filter by skill:</span
>
<button
v-for="skill in availableSkills.slice(
v-for="skill in (availableSkills || []).slice(
0,
showAllSkills ? undefined : 10,
)"
@ -57,7 +57,7 @@
{{ skill }}
</button>
<button
v-if="availableSkills.length > 10"
v-if="availableSkills && availableSkills.length > 10"
type="button"
class="px-3 py-1 text-sm text-purple-400 hover:text-purple-300"
@click="showAllSkills = !showAllSkills"
@ -300,7 +300,7 @@ const { isAuthenticated } = useAuth();
const members = ref([]);
const totalCount = ref(0);
const availableSkills = ref([]);
const loading = ref(false);
const loading = ref(true); // Start with loading true
const searchQuery = ref("");
const selectedCircle = ref("");
const selectedSkills = ref([]);
@ -339,11 +339,14 @@ const loadMembers = async () => {
const data = await $fetch("/api/members/directory", { params });
members.value = data.members;
totalCount.value = data.totalCount;
availableSkills.value = data.filters.availableSkills;
members.value = data.members || [];
totalCount.value = data.totalCount || 0;
availableSkills.value = data.filters?.availableSkills || [];
} catch (error) {
console.error("Failed to load members:", error);
members.value = [];
totalCount.value = 0;
availableSkills.value = [];
} finally {
loading.value = false;
}