From 678e1db0a3f782e367c405b0e8e60b79f8289c70 Mon Sep 17 00:00:00 2001
From: Felipe Cardoso <felipe.cardoso@hotmail.it>
Date: Thu, 20 Mar 2025 18:33:02 +0100
Subject: [PATCH] Update max additional guests logic and refine guest counts
 display

Set default max additional guests to 10 and renamed related labels for clarity. Improved guest count calculation by adding total confirmed guests and refining additional guest computations. Updated the UI to reflect these changes concisely and consistently.
---
 .../src/components/guests/guests-list.tsx     | 27 ++++++++++---------
 1 file changed, 14 insertions(+), 13 deletions(-)

diff --git a/frontend/src/components/guests/guests-list.tsx b/frontend/src/components/guests/guests-list.tsx
index 27d11eb..a2841cd 100644
--- a/frontend/src/components/guests/guests-list.tsx
+++ b/frontend/src/components/guests/guests-list.tsx
@@ -101,7 +101,7 @@ const GuestListTable = ({ event }: GuestListTableProps) => {
     full_name: "",
     email: "",
     phone: "",
-    max_additional_guests: 0,
+    max_additional_guests: 10,
     dietary_restrictions: "",
     notes: "",
     can_bring_guests: true,
@@ -293,7 +293,7 @@ const GuestListTable = ({ event }: GuestListTableProps) => {
       "Phone",
       "Invitation Code",
       "Status",
-      "Additional Guests",
+      "Max Additional Guests",
     ];
     const csvContent = [
       headers.join(","),
@@ -348,6 +348,12 @@ const GuestListTable = ({ event }: GuestListTableProps) => {
     }
   }, [addGuestOpen, editGuestOpen, currentGuest]);
 
+  const confirmedGuestCount =
+    guests?.filter((g) => g.status === GuestStatus.CONFIRMED).length || 0;
+  const confirmedAdditionalGuestsCount =
+    guests?.reduce((acc, g) => acc + (g.actual_additional_guests || 0), 0) || 0;
+  const totalConfirmedGuestsCount =
+    confirmedGuestCount + confirmedAdditionalGuestsCount;
   return (
     <div className="space-y-4 w-full">
       {error && (
@@ -414,14 +420,14 @@ const GuestListTable = ({ event }: GuestListTableProps) => {
                 </div>
                 <div className="grid grid-cols-4 items-center gap-4">
                   <Label htmlFor="max_additional_guests" className="text-right">
-                    Additional Guests
+                    Max Add. Guests
                   </Label>
                   <Input
                     id="max_additional_guests"
                     name="max_additional_guests"
                     type="number"
                     min="0"
-                    value={formData.max_additional_guests || 0}
+                    value={formData.max_additional_guests || 10}
                     onChange={handleInputChange}
                     className="col-span-3"
                   />
@@ -685,14 +691,9 @@ const GuestListTable = ({ event }: GuestListTableProps) => {
           Showing {filteredGuests.length} of {guests?.length || 0} guests
         </div>
         <div>
-          Total Confirmed:{" "}
-          {guests?.filter((g) => g.status === GuestStatus.CONFIRMED).length ||
-            0}{" "}
-          | Total Additional Guests:{" "}
-          {guests?.reduce(
-            (acc, g) => acc + (g.max_additional_guests || 0),
-            0,
-          ) || 0}
+          Guests Confirmed: {confirmedGuestCount} | Additional Guests:{" "}
+          {confirmedAdditionalGuestsCount} | Total Guests:{" "}
+          {totalConfirmedGuestsCount}
         </div>
       </div>
 
@@ -746,7 +747,7 @@ const GuestListTable = ({ event }: GuestListTableProps) => {
                 htmlFor="edit_max_additional_guests"
                 className="text-right"
               >
-                Additional Guests
+                Max Add. Guests
               </Label>
               <Input
                 id="edit_max_additional_guests"