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

Improve UI: Add event details to admin/view pages and fix items layout

Browse Source
This commit is contained in:
Joshua Ryder
2025-05-01 12:32:43 -04:00
parent ae6f4427e0
commit dc51e61396
2 changed files with 27 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -412,6 +412,18 @@ const EventAdmin: React.FC = () => {
</Button>
</Box>
<Box sx={{ mb: 4 }}>
<Typography variant="body1" paragraph>
{event.description}
</Typography>
<Typography variant="subtitle1" gutterBottom>
<strong>Location:</strong> {event.location}
</Typography>
<Typography variant="subtitle1" gutterBottom>
<strong>Date:</strong> {new Date(event.date).toLocaleString()}
</Typography>
</Box>
{/* Add items status section */}
<Box sx={{ mb: 4 }}>
<Box sx={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', mb: 2 }}>
@@ -426,7 +438,8 @@ const EventAdmin: React.FC = () => {
Manage Items
</Button>
</Box>
<Box sx={{ display: 'flex', gap: 4 }}>
<Box sx={{ display: 'flex', flexDirection: 'column', gap: 3, maxWidth: '60%' }}>
<Box>
<Typography variant="subtitle1" gutterBottom>
Still Needed:

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

@@ -164,11 +164,23 @@ const EventView: React.FC = () => {
</Button>
</Box>
<Box sx={{ mb: 4 }}>
<Typography variant="body1" paragraph>
{event.description}
</Typography>
<Typography variant="subtitle1" gutterBottom>
<strong>Location:</strong> {event.location}
</Typography>
<Typography variant="subtitle1" gutterBottom>
<strong>Date:</strong> {new Date(event.date).toLocaleString()}
</Typography>
</Box>
<Box sx={{ mb: 4 }}>
<Typography variant="h6" gutterBottom>
Items Status
</Typography>
<Box sx={{ display: 'flex', gap: 4 }}>
<Box sx={{ display: 'flex', flexDirection: 'column', gap: 3, maxWidth: '60%' }}>
<Box>
<Typography variant="subtitle1" gutterBottom>
Still Needed: