From ac810b415ad5333a80b7c466cb81261cbfb0c0c1 Mon Sep 17 00:00:00 2001 From: Your Name Date: Tue, 29 Apr 2025 18:34:14 -0400 Subject: [PATCH] Fix blur effects and capitalize 'yes' in admin table --- frontend/src/App.tsx | 14 +++++++++++++- frontend/src/components/EventAdmin.tsx | 8 ++------ 2 files changed, 15 insertions(+), 7 deletions(-) diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx index 3282372..2703ccc 100644 --- a/frontend/src/App.tsx +++ b/frontend/src/App.tsx @@ -28,7 +28,19 @@ const darkTheme = createTheme({ styleOverrides: { root: { backdropFilter: 'blur(10px)', - backgroundColor: 'rgba(30, 30, 30, 0.9)', + backgroundColor: 'rgba(30, 30, 30, 0.9) !important', + '&.MuiTableContainer-root': { + backdropFilter: 'blur(10px)', + backgroundColor: 'rgba(30, 30, 30, 0.9) !important', + }, + }, + }, + }, + MuiTableCell: { + styleOverrides: { + root: { + backdropFilter: 'blur(10px)', + backgroundColor: 'rgba(30, 30, 30, 0.9) !important', }, }, }, diff --git a/frontend/src/components/EventAdmin.tsx b/frontend/src/components/EventAdmin.tsx index 8fd7144..bd34684 100644 --- a/frontend/src/components/EventAdmin.tsx +++ b/frontend/src/components/EventAdmin.tsx @@ -198,13 +198,9 @@ const EventAdmin: React.FC = () => { {rsvps.map((rsvp: RSVP) => ( {rsvp.name} - {rsvp.attending} + {rsvp.attending.charAt(0).toUpperCase() + rsvp.attending.slice(1)} - {rsvp.bringing_guests === 'yes' ? ( - `${rsvp.guest_count} - ${rsvp.guest_names}` - ) : ( - 'No' - )} + {rsvp.bringing_guests === 'yes' ? `${rsvp.guest_count} (${rsvp.guest_names})` : 'No'} {rsvp.items_bringing}