summaryrefslogtreecommitdiff
path: root/client/src/components
diff options
context:
space:
mode:
Diffstat (limited to 'client/src/components')
-rw-r--r--client/src/components/GuestLogin.tsx1
-rw-r--r--client/src/components/Registry.tsx5
-rw-r--r--client/src/components/RsvpForm.tsx8
3 files changed, 11 insertions, 3 deletions
diff --git a/client/src/components/GuestLogin.tsx b/client/src/components/GuestLogin.tsx
index 7f634aa..cca2179 100644
--- a/client/src/components/GuestLogin.tsx
+++ b/client/src/components/GuestLogin.tsx
@@ -47,6 +47,7 @@ function GuestLogin() {
<Paper
elevation={3}
sx={{
+ '&:hover': { boxShadow: 8 },
width: { xs: '90%', md: 400 },
display: 'flex',
flexDirection: 'column',
diff --git a/client/src/components/Registry.tsx b/client/src/components/Registry.tsx
index c6e61b1..f821212 100644
--- a/client/src/components/Registry.tsx
+++ b/client/src/components/Registry.tsx
@@ -16,6 +16,7 @@ function Registry() {
<Paper
elevation={3}
sx={{
+ '&:hover': { boxShadow: 8 },
width: { xs: '90%', md: 400 },
display: 'flex',
justifyContent: 'center',
@@ -30,8 +31,8 @@ function Registry() {
Thank you for your generous gifts! We look forward to seeing you at
the wedding.
</p>
- <Button variant="contained" endIcon={<LaunchIcon />}>
- Go to Registry
+ <Button variant="contained" startIcon={<LaunchIcon />}>
+ Registry
</Button>
</Paper>
</div>
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>