RyderTech/rsvp-manager
1
0
Fork 0
Code Issues Pull Requests Packages Activity

Rearranging event details & more width for view/manage pages

Browse Source
This commit is contained in:
Ryderjj89
2025-06-04 18:45:50 -04:00
parent 7b3f8f74a8
commit 3af12b431b
2 changed files with 19 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
frontend/src/components/EventAdmin.tsx
View File

@@ -729,7 +729,7 @@ const EventAdmin: React.FC = () => {
if (loading) { if (loading) {
return ( return (
<Container maxWidth="lg"> <Container maxWidth="xl">
<Typography>Loading...</Typography> <Typography>Loading...</Typography>
</Container> </Container>
); );
@@ -737,7 +737,7 @@ const EventAdmin: React.FC = () => {
if (error || !event) { if (error || !event) {
return ( return (
<Container maxWidth="lg"> <Container maxWidth="xl">
<Typography color="error">{error || 'Event not found'}</Typography> <Typography color="error">{error || 'Event not found'}</Typography>
</Container> </Container>
); );
@@ -763,7 +763,7 @@ const EventAdmin: React.FC = () => {
}} }}
> >
<Box sx={{ py: 4 }}> <Box sx={{ py: 4 }}>
<Container maxWidth="lg"> <Container maxWidth="xl">
<Paper elevation={3} sx={{ p: { xs: 2, sm: 4 }, mt: 4 }}> <Paper elevation={3} sx={{ p: { xs: 2, sm: 4 }, mt: 4 }}>
<Box sx={{ mb: 4 }}> <Box sx={{ mb: 4 }}>
<Typography variant="h4" component="h2" color="primary" gutterBottom> <Typography variant="h4" component="h2" color="primary" gutterBottom>
@@ -826,16 +826,16 @@ const EventAdmin: React.FC = () => {
<Typography variant="subtitle1" gutterBottom> <Typography variant="subtitle1" gutterBottom>
<strong>Info:</strong> {event.description || 'None'} <strong>Info:</strong> {event.description || 'None'}
</Typography> </Typography>
<Typography variant="subtitle1" gutterBottom>
<strong>Location:</strong> {event.location}
</Typography>
<Typography variant="subtitle1" gutterBottom> <Typography variant="subtitle1" gutterBottom>
<strong>Date:</strong> {new Date(event.date).toLocaleString()} <strong>Date:</strong> {new Date(event.date).toLocaleString()}
</Typography> </Typography>
<Typography variant="subtitle1" gutterBottom>
<strong>Location:</strong> {event.location}
</Typography>
{event.rsvp_cutoff_date && ( {event.rsvp_cutoff_date && (
<Typography variant="subtitle1" gutterBottom> <Typography variant="subtitle1" gutterBottom>
<strong>RSVP cut-off date:</strong> {new Date(event.rsvp_cutoff_date).toLocaleString()} <strong>RSVP cut-off date:</strong> {new Date(event.rsvp_cutoff_date).toLocaleString()}
</Typography> </Typography>
)} )}
</Box> </Box>

20
frontend/src/components/EventView.tsx
View File

@@ -126,7 +126,7 @@ const EventView: React.FC = () => {
if (loading) { if (loading) {
return ( return (
<Container maxWidth="lg"> <Container maxWidth="xl">
<Typography>Loading...</Typography> <Typography>Loading...</Typography>
</Container> </Container>
); );
@@ -134,7 +134,7 @@ const EventView: React.FC = () => {
if (error || !event) { if (error || !event) {
return ( return (
<Container maxWidth="lg"> <Container maxWidth="xl">
<Typography color="error">{error || 'Event not found'}</Typography> <Typography color="error">{error || 'Event not found'}</Typography>
</Container> </Container>
); );
@@ -160,7 +160,7 @@ const EventView: React.FC = () => {
}} }}
> >
<Box sx={{ py: 4 }}> <Box sx={{ py: 4 }}>
<Container maxWidth="lg"> <Container maxWidth="xl">
<Paper elevation={3} sx={{ p: { xs: 2, sm: 4 }, mt: 4 }}> <Paper elevation={3} sx={{ p: { xs: 2, sm: 4 }, mt: 4 }}>
<Box sx={{ mb: 4 }}> <Box sx={{ mb: 4 }}>
<Typography variant="h4" component="h2" color="primary" gutterBottom> <Typography variant="h4" component="h2" color="primary" gutterBottom>
@@ -189,16 +189,16 @@ const EventView: React.FC = () => {
<Typography variant="subtitle1" gutterBottom> <Typography variant="subtitle1" gutterBottom>
<strong>Info:</strong> {event.description || 'None'} <strong>Info:</strong> {event.description || 'None'}
</Typography> </Typography>
<Typography variant="subtitle1" gutterBottom>
<strong>Location:</strong> {event.location}
</Typography>
<Typography variant="subtitle1" gutterBottom> <Typography variant="subtitle1" gutterBottom>
<strong>Date:</strong> {new Date(event.date).toLocaleString()} <strong>Date:</strong> {new Date(event.date).toLocaleString()}
</Typography> </Typography>
<Typography variant="subtitle1" gutterBottom>
<strong>Location:</strong> {event.location}
</Typography>
{event.rsvp_cutoff_date && ( {event.rsvp_cutoff_date && (
<Typography variant="subtitle1" gutterBottom> <Typography variant="subtitle1" gutterBottom>
<strong>RSVP cut-off date:</strong> {new Date(event.rsvp_cutoff_date).toLocaleString()} <strong>RSVP cut-off date:</strong> {new Date(event.rsvp_cutoff_date).toLocaleString()}
</Typography> </Typography>
)} )}
</Box> </Box>
@@ -350,4 +350,4 @@ const EventView: React.FC = () => {
); );
}; };
export default EventView; export default EventView;