Merge pull request #17 from Ryderjj89/dev
Button spacing and formatting for rsvp form
This commit is contained in:
@@ -466,7 +466,7 @@ const RSVPForm: React.FC = () => {
|
|||||||
<strong>Location:</strong> {event.location}
|
<strong>Location:</strong> {event.location}
|
||||||
</Typography>
|
</Typography>
|
||||||
{event.rsvp_cutoff_date && (
|
{event.rsvp_cutoff_date && (
|
||||||
<Typography variant="body2" color="text.secondary" sx={{ mt: 2 }}> {/* Removed align="center" */}
|
<Typography variant="body2" color="text.secondary">
|
||||||
<strong>Note:</strong> RSVPs will close on {new Date(event.rsvp_cutoff_date).toLocaleString()}
|
<strong>Note:</strong> RSVPs will close on {new Date(event.rsvp_cutoff_date).toLocaleString()}
|
||||||
</Typography>
|
</Typography>
|
||||||
)}
|
)}
|
||||||
@@ -680,7 +680,7 @@ const RSVPForm: React.FC = () => {
|
|||||||
variant="outlined"
|
variant="outlined"
|
||||||
color="primary"
|
color="primary"
|
||||||
onClick={() => navigate('/')}
|
onClick={() => navigate('/')}
|
||||||
sx={{ flexGrow: 1 }}
|
sx={{ flexGrow: 1, flexBasis: 0 }}
|
||||||
>
|
>
|
||||||
Back to Events
|
Back to Events
|
||||||
</Button>
|
</Button>
|
||||||
@@ -695,7 +695,7 @@ const RSVPForm: React.FC = () => {
|
|||||||
(formData.attending === 'yes' && !formData.bringing_guests) ||
|
(formData.attending === 'yes' && !formData.bringing_guests) ||
|
||||||
(formData.bringing_guests === 'yes' && (formData.guest_count < 1 || formData.guest_names.some(name => !name.trim())))
|
(formData.bringing_guests === 'yes' && (formData.guest_count < 1 || formData.guest_names.some(name => !name.trim())))
|
||||||
}
|
}
|
||||||
sx={{ flexGrow: 1 }}
|
sx={{ flexGrow: 1, flexBasis: 0 }}
|
||||||
>
|
>
|
||||||
{isSubmitting ? 'Submitting...' : 'Submit RSVP'}
|
{isSubmitting ? 'Submitting...' : 'Submit RSVP'}
|
||||||
</Button>
|
</Button>
|
||||||
|
|||||||
Reference in New Issue
Block a user