From fe49d8c4e0c949f144f0251e2b8a6c95530a2e48 Mon Sep 17 00:00:00 2001
From: Peter Hudec <peterhudec@peterhudec.com>
Date: Fri, 6 Dec 2024 16:47:51 +0000
Subject: [PATCH] Fix a bug when we were accessing non-existent
 interaction.contact property

---
 src/apps/events/attendees/controllers/list.js |  1 +
 .../modules/Events/EventDetails/index.jsx     | 72 +++++++++----------
 2 files changed, 36 insertions(+), 37 deletions(-)

diff --git a/src/apps/events/attendees/controllers/list.js b/src/apps/events/attendees/controllers/list.js
index 4b757abaea5..37a258ad987 100644
--- a/src/apps/events/attendees/controllers/list.js
+++ b/src/apps/events/attendees/controllers/list.js
@@ -48,6 +48,7 @@ async function renderAttendees(req, res, next) {
       children: [{ value: sortby }],
     })
 
+    // TODO: Can we remove this?
     res.breadcrumb(name).render('events/attendees/views/list', {
       incompleteEvent,
       attendees: attendeesCollection,
diff --git a/src/client/modules/Events/EventDetails/index.jsx b/src/client/modules/Events/EventDetails/index.jsx
index 9eaf5a33d73..8cd7a7b1a04 100644
--- a/src/client/modules/Events/EventDetails/index.jsx
+++ b/src/client/modules/Events/EventDetails/index.jsx
@@ -18,7 +18,7 @@ import State from '../../../components/State'
 
 import { VerticalTabNav } from '../../../components/TabNav'
 import InteractionsV3 from '../../../components/Resource/InteractionsV3'
-import { formatMediumDate } from '../../../utils/date'
+import { formatLongDate } from '../../../utils/date'
 
 const StyledSummaryTable = styled(SummaryTable)({
   marginTop: 0,
@@ -47,42 +47,40 @@ const Attendees = ({ eventId }) => (
     >
       {(page) => (
         <ul>
-          {page.map((interaction) => (
-            <CollectionItem
-              headingText={interaction.contact.name}
-              headingUrl={`/contacts/${interaction.contact.id}`}
-              metadata={[
-                {
-                  label: 'Company',
-                  value: (
-                    <Link href={`/companies/${interaction.companies[0].id}`}>
-                      {interaction.companies[0].name}
-                    </Link>
-                  ),
-                },
-                ...(interaction.contact.job_title
-                  ? [
-                      {
-                        label: 'Job title',
-                        value: interaction.contact.job_title,
-                      },
-                    ]
-                  : []),
-                {
-                  label: 'Date attended',
-                  value: formatMediumDate(interaction.date),
-                },
-                {
-                  label: 'Service delivery',
-                  value: (
-                    <Link href={`/companies/${interaction.service.id}`}>
-                      {interaction.service.name}
-                    </Link>
-                  ),
-                },
-              ]}
-            />
-          ))}
+          {page.map(
+            ({ contacts: [contact], companies: [company], date, service }) => (
+              <CollectionItem
+                headingText={contact?.name || 'Not available'}
+                headingUrl={contact && `/contacts/${contact?.id}`}
+                metadata={[
+                  {
+                    label: 'Company',
+                    value: (
+                      <Link href={`/companies/${company?.id}`}>
+                        {company?.name}
+                      </Link>
+                    ),
+                  },
+                  {
+                    label: 'Job title',
+                    value: contact?.job_title || 'Not available',
+                  },
+                  {
+                    label: 'Date attended',
+                    value: formatLongDate(date),
+                  },
+                  {
+                    label: 'Service delivery',
+                    value: (
+                      <Link href={`/companies/${service.id}`}>
+                        {service.name}
+                      </Link>
+                    ),
+                  },
+                ]}
+              />
+            )
+          )}
         </ul>
       )}
     </InteractionsV3.Paginated>