Changing card actions to grid

This commit is contained in:
Ryderjj89
2025-06-04 18:07:10 -04:00
parent 999d828a29
commit 1ce3f9f8ef

View File

@@ -170,31 +170,37 @@ const EventList: React.FC = () => {
)} )}
</CardContent> </CardContent>
<CardActions sx={{ justifyContent: 'space-between', px: 3, pb: 2 }}> <CardActions sx={{ justifyContent: 'space-between', px: 3, pb: 2 }}>
<Stack direction="row" spacing={1} flexWrap="wrap" alignItems="flex-start"> <Grid container spacing={1} alignItems="flex-start">
{isEventOpen(event) && ( {isEventOpen(event) && (
<Grid item>
<Button
size="small"
startIcon={<HowToRegIcon />}
onClick={() => navigate(`/rsvp/events/${event.slug}`)}
>
Submit RSVP
</Button>
</Grid>
)}
<Grid item>
<Button <Button
size="small" size="small"
startIcon={<HowToRegIcon />} startIcon={<VisibilityIcon />}
onClick={() => navigate(`/rsvp/events/${event.slug}`)} onClick={(e) => handleViewClick(event, e)}
> >
Submit RSVP View RSVPs
</Button> </Button>
)} </Grid>
<Button <Grid item>
size="small" <Button
startIcon={<VisibilityIcon />} size="small"
onClick={(e) => handleViewClick(event, e)} startIcon={<ContentCopyIcon />}
> onClick={() => handleCopyLink(event)}
View RSVPs >
</Button> Copy RSVP Link
<Button </Button>
size="small" </Grid>
startIcon={<ContentCopyIcon />} </Grid>
onClick={() => handleCopyLink(event)}
>
Copy RSVP Link
</Button>
</Stack>
<Button <Button
size="small" size="small"
startIcon={<AdminPanelSettingsIcon />} startIcon={<AdminPanelSettingsIcon />}