From 005ff2d960b578094df1ee2e36ee387bdaa23652 Mon Sep 17 00:00:00 2001
From: Morris Swertz <m.a.swertz@rug.nl>
Date: Mon, 14 Oct 2024 23:04:59 +0200
Subject: [PATCH] fix(catalogue): resource details page not rendering when
 resource.peopleInvolved is empty (#4347)

---
 .../[catalogue]/[resourceType]/[resource]/index.vue    | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/apps/nuxt3-ssr/pages/[schema]/ssr-catalogue/[catalogue]/[resourceType]/[resource]/index.vue b/apps/nuxt3-ssr/pages/[schema]/ssr-catalogue/[catalogue]/[resourceType]/[resource]/index.vue
index 902ff79e71..ad94194fc4 100644
--- a/apps/nuxt3-ssr/pages/[schema]/ssr-catalogue/[catalogue]/[resourceType]/[resource]/index.vue
+++ b/apps/nuxt3-ssr/pages/[schema]/ssr-catalogue/[catalogue]/[resourceType]/[resource]/index.vue
@@ -287,7 +287,7 @@ const tocItems = computed(() => {
       id: "Organisations",
     });
   }
-  if (contributors.value) {
+  if (peopleInvolvedSortedByRoleAndName.value) {
     tableOffContents.push({
       label: "Contributors",
       id: "Contributors",
@@ -508,8 +508,8 @@ if (route.params.catalogue) {
     ] = `/${route.params.schema}/ssr-catalogue/all/${resourceType.path}`;
 }
 
-const contributors = computed(() =>
-  resource.value.peopleInvolved.sort((a, b) => {
+const peopleInvolvedSortedByRoleAndName = computed(() =>
+  resource.value.peopleInvolved?.sort((a, b) => {
     const minimumOrderOfRolesA = a.role?.length
       ? Math.min(...a.role?.map((role) => role.order ?? Infinity))
       : Infinity;
@@ -599,10 +599,10 @@ const showPopulation = computed(
         ></ContentBlockOrganisations>
 
         <ContentBlockContact
-          v-if="contributors"
+          v-if="peopleInvolvedSortedByRoleAndName"
           id="Contributors"
           title="Contributors"
-          :contributors="contributors"
+          :contributors="peopleInvolvedSortedByRoleAndName"
         >
         </ContentBlockContact>