From 7a03c5b6be2597a3f03b564248ef6257acbef363 Mon Sep 17 00:00:00 2001
From: Starstrike <ryderjj89@outlook.com>
Date: Thu, 1 May 2025 13:27:32 -0400
Subject: [PATCH] UI: Add event wallpaper and View RSVPs button to thank you
 page

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

diff --git a/frontend/src/components/RSVPForm.tsx b/frontend/src/components/RSVPForm.tsx
index a68b320..ddb4ec5 100644
--- a/frontend/src/components/RSVPForm.tsx
+++ b/frontend/src/components/RSVPForm.tsx
@@ -210,23 +210,51 @@ const RSVPForm: React.FC = () => {
 
   if (success) {
     return (
-      <Container maxWidth="sm">
-        <Paper elevation={3} sx={{ p: 4, mt: 4, textAlign: 'center' }}>
-          <Typography variant="h4" component="h2" gutterBottom color="primary">
-            Thank You!
-          </Typography>
-          <Typography variant="body1" sx={{ mb: 3 }}>
-            Your RSVP has been submitted successfully.
-          </Typography>
-          <Button
-            variant="contained"
-            color="primary"
-            onClick={() => navigate('/')}
-          >
-            Back to Events
-          </Button>
-        </Paper>
-      </Container>
+      <Box
+        sx={{
+          minHeight: '100vh',
+          width: '100%',
+          backgroundImage: event?.wallpaper ? `url(${event.wallpaper})` : 'url(https://www.rydertech.us/backgrounds/space1.jpg)',
+          backgroundSize: 'cover',
+          backgroundPosition: 'center',
+          backgroundRepeat: 'no-repeat',
+          backgroundAttachment: 'fixed',
+          position: 'fixed',
+          top: 0,
+          left: 0,
+          right: 0,
+          bottom: 0,
+          overflowY: 'auto',
+          py: 4,
+        }}
+      >
+        <Container maxWidth="sm">
+          <Paper elevation={3} sx={{ p: 4, mt: 4, textAlign: 'center' }}>
+            <Typography variant="h4" component="h2" gutterBottom color="primary">
+              Thank You!
+            </Typography>
+            <Typography variant="body1" sx={{ mb: 3 }}>
+              Your RSVP has been submitted successfully.
+            </Typography>
+            <Box sx={{ display: 'flex', gap: 2, justifyContent: 'center' }}>
+              <Button
+                variant="contained"
+                color="primary"
+                onClick={() => navigate('/')}
+              >
+                Back to Events
+              </Button>
+              <Button
+                variant="contained"
+                color="primary"
+                onClick={() => navigate(`/events/${slug}/view`)}
+              >
+                View RSVPs
+              </Button>
+            </Box>
+          </Paper>
+        </Container>
+      </Box>
     );
   }