From eb14c1b79635536b77e134c62c4f898b91118064 Mon Sep 17 00:00:00 2001
From: Om Ray <38233712+om-ray@users.noreply.github.com>
Date: Fri, 4 Nov 2022 00:43:37 -0400
Subject: [PATCH] When using seats, other guests (name, email) are no longer
 always listed on the success page (#5361)

* fixed incorrect ternary operator

* Update apps/web/pages/success.tsx

Co-authored-by: alannnc <alannnc@gmail.com>
---
 apps/web/pages/success.tsx | 42 ++++++++++++++++++++------------------
 1 file changed, 22 insertions(+), 20 deletions(-)

diff --git a/apps/web/pages/success.tsx b/apps/web/pages/success.tsx
index 5711531c2d..af6cef18bc 100644
--- a/apps/web/pages/success.tsx
+++ b/apps/web/pages/success.tsx
@@ -359,29 +359,31 @@ export default function Success(props: SuccessProps) {
                       <>
                         <div className="font-medium">{t("who")}</div>
                         <div className="col-span-2 mb-6 last:mb-0">
-                          {bookingInfo?.user && (
-                            <div className="mb-3">
-                              <p>{bookingInfo.user.name}</p>
-                              <p className="text-bookinglight">{bookingInfo.user.email}</p>
-                            </div>
-                          )}
-                          {!!eventType.seatsShowAttendees
-                            ? bookingInfo?.attendees
-                                .filter((attendee) => attendee.email === email)
-                                .map((attendee) => (
-                                  <div key={attendee.name} className="mb-3">
+                          <>
+                            {bookingInfo?.user && (
+                              <div className="mb-3">
+                                <p>{bookingInfo.user.name}</p>
+                                <p className="text-bookinglight">{bookingInfo.user.email}</p>
+                              </div>
+                            )}
+                            {!eventType.seatsShowAttendees
+                              ? bookingInfo?.attendees
+                                  .filter((attendee) => attendee.email === email)
+                                  .map((attendee) => (
+                                    <div key={attendee.name} className="mb-3">
+                                      <p>{attendee.name}</p>
+                                      <p className="text-bookinglight">{attendee.email}</p>
+                                    </div>
+                                  ))
+                              : bookingInfo?.attendees.map((attendee, index) => (
+                                  <div
+                                    key={attendee.name}
+                                    className={index === bookingInfo.attendees.length - 1 ? "" : "mb-3"}>
                                     <p>{attendee.name}</p>
                                     <p className="text-bookinglight">{attendee.email}</p>
                                   </div>
-                                ))
-                            : bookingInfo?.attendees.map((attendee, index) => (
-                                <div
-                                  key={attendee.name}
-                                  className={index === bookingInfo.attendees.length - 1 ? "" : "mb-3"}>
-                                  <p>{attendee.name}</p>
-                                  <p className="text-bookinglight">{attendee.email}</p>
-                                </div>
-                              ))}
+                                ))}
+                          </>
                         </div>
                       </>
                     )}