Merge pull request #18 from Ryderjj89/dev

Rearranging event details & more width for view/manage pages
This commit is contained in:
Joshua Ryder
2025-06-04 18:45:28 -04:00
committed by GitHub
2 changed files with 19 additions and 19 deletions

View File

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

View File

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