From db4df2885c437c0b009274befb32ce62629c2932 Mon Sep 17 00:00:00 2001
From: Starstrike <ryderjj89@outlook.com>
Date: Wed, 30 Apr 2025 09:01:21 -0400
Subject: [PATCH] Fix: Clean up needed items display in RSVPForm

---
 frontend/src/components/RSVPForm.tsx | 13 ++-----------
 1 file changed, 2 insertions(+), 11 deletions(-)

diff --git a/frontend/src/components/RSVPForm.tsx b/frontend/src/components/RSVPForm.tsx
index 13d5281..c1d3ade 100644
--- a/frontend/src/components/RSVPForm.tsx
+++ b/frontend/src/components/RSVPForm.tsx
@@ -232,17 +232,8 @@ const RSVPForm: React.FC = () => {
                     onChange={handleItemsChange}
                     input={<OutlinedInput label="What items are you bringing?" />}
                     renderValue={(selected) => {
-                      const items = Array.isArray(selected) ? selected : [];
-                      if (items.length === 0) return null;
-                      return (
-                        <Box sx={{ display: 'flex', flexWrap: 'wrap', gap: 0.5 }}>
-                          {items.map((value) => (
-                            <Typography key={value} variant="body2">
-                              {value}
-                            </Typography>
-                          ))}
-                        </Box>
-                      );
+                      if (!Array.isArray(selected) || selected.length === 0) return '';
+                      return selected.join(', ');
                     }}
                   >
                     {neededItems.map((item) => (