From 3df0169ee4a87c17559fac4eb9100352b39e850b Mon Sep 17 00:00:00 2001
From: Starstrike <raiden89@live.com>
Date: Thu, 1 May 2025 18:05:49 -0400
Subject: [PATCH] Improve guest names handling in RSVP form: - Fix initial
 guest name field editing - Properly initialize guest names array - Fix guest
 names persistence in edit mode - Enhance form behavior for guest count
 changes - Fix type handling and validation

---
 frontend/src/components/RSVPForm.tsx | 29 ++++++++++++----------------
 1 file changed, 12 insertions(+), 17 deletions(-)

diff --git a/frontend/src/components/RSVPForm.tsx b/frontend/src/components/RSVPForm.tsx
index 82f43d2..3ed56d5 100644
--- a/frontend/src/components/RSVPForm.tsx
+++ b/frontend/src/components/RSVPForm.tsx
@@ -469,23 +469,18 @@ const RSVPForm: React.FC = () => {
                         helperText={formData.guest_count < 1 ? "Number of guests must be at least 1" : ""}
                       />
 
-                      <Box sx={{ mt: 2 }}>
-                        <Typography variant="subtitle1" gutterBottom>
-                          Guest Names
-                        </Typography>
-                        {Array.from({ length: formData.guest_count }).map((_, index) => (
-                          <TextField
-                            key={index}
-                            fullWidth
-                            label={`Guest ${index + 1} Name`}
-                            name={`guest_name_${index}`}
-                            value={formData.guest_names[index] || ''}
-                            onChange={handleChange}
-                            margin="normal"
-                            required
-                          />
-                        ))}
-                      </Box>
+                      {Array.from({ length: formData.guest_count }).map((_, index) => (
+                        <TextField
+                          key={index}
+                          fullWidth
+                          label={`Guest ${index + 1} Name`}
+                          name={`guest_name_${index}`}
+                          value={formData.guest_names[index] || ''}
+                          onChange={handleChange}
+                          margin="normal"
+                          required
+                        />
+                      ))}
                     </>
                   )}