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

Merge pull request #18 from Ryderjj89/dev

Browse Source 
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
parent 044b7f2cde 3af12b431b
commit f366a9e4f3
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) {
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>

20
frontend/src/components/EventView.tsx
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>
@@ -350,4 +350,4 @@ const EventView: React.FC = () => {
);
};
export default EventView;
export default EventView;