summaryrefslogtreecommitdiff
path: root/client/src/components/RsvpForm.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'client/src/components/RsvpForm.tsx')
-rw-r--r--client/src/components/RsvpForm.tsx8
1 files changed, 7 insertions, 1 deletions
diff --git a/client/src/components/RsvpForm.tsx b/client/src/components/RsvpForm.tsx
index 4c9ae92..1e03227 100644
--- a/client/src/components/RsvpForm.tsx
+++ b/client/src/components/RsvpForm.tsx
@@ -14,6 +14,7 @@ import {
Snackbar,
TextField,
} from '@mui/material';
+import MailIcon from '@mui/icons-material/Mail';
import { useForm, Controller, useFieldArray } from 'react-hook-form';
import { useUpdateGuestMutation } from '../slices/apiSlice';
import type { Guest } from '../slices/apiSlice';
@@ -113,6 +114,7 @@ function RsvpForm() {
<Paper
elevation={3}
sx={{
+ '&:hover': { boxShadow: 8 },
width: { xs: '90%', md: 600 },
display: 'flex',
justifyContent: 'center',
@@ -265,7 +267,11 @@ function RsvpForm() {
alignItems: 'center',
}}
>
- <Button type="submit" variant="contained">
+ <Button
+ type="submit"
+ variant="contained"
+ startIcon={<MailIcon />}
+ >
RSVP
</Button>
</div>