wind-explorer/ecoconnect
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update EventDetailsPage.tsx

Browse Source
This commit is contained in:
Harini312821
2024-08-02 05:00:38 +08:00
parent ea548a898b
commit 0fc5dec607
1 changed files with 38 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
client/src/pages/EventDetailsPage.tsx
View File

@@ -60,32 +60,26 @@ const EventDetailsPage = () => {
Back to Events Back to Events
</Button> </Button>
<Card className="bg-white rounded-lg overflow-hidden border"> <Card className="bg-white rounded-lg overflow-hidden border">
<CardHeader className="pb-0 pt-2 px-4 flex-col items-start"> <div className="flex">
<h4 className="font-bold text-large">{event.title}</h4> {/* Event Image Section */}
</CardHeader>
<CardBody className="pb-0 pt-2 px-4 flex-col items-start">
{event.evtPicture && ( {event.evtPicture && (
<div style={{ <div className="w-1/3 p-4">
width: '100px',
height: '100px',
overflow: 'hidden',
borderRadius: '8px',
position: 'relative'
}}>
<img <img
src={`${config.serverAddress}/events/evtPicture/${event.id}`} src={`${config.serverAddress}/events/evtPicture/${event.id}`}
alt="Event Picture" alt="Event Picture"
className="w-full h-auto rounded-lg"
style={{ style={{
width: '100%',
height: '100%',
objectFit: 'cover', objectFit: 'cover',
position: 'absolute',
top: 0,
left: 0
}} }}
/> />
</div> </div>
)} )}
{/* Event Details Section */}
<div className="w-2/3 p-4">
<CardHeader className="pb-0 pt-2">
<h4 className="font-bold text-large">{event.title}</h4>
</CardHeader>
<CardBody className="pb-0 pt-2">
<p className="text-gray-600 mt-4">{event.description}</p> <p className="text-gray-600 mt-4">{event.description}</p>
<p className="text-gray-600 mt-2"> <p className="text-gray-600 mt-2">
<strong>Date:</strong> {new Date(event.date).toLocaleDateString()} <strong>Date:</strong> {new Date(event.date).toLocaleDateString()}
@@ -109,6 +103,8 @@ const EventDetailsPage = () => {
Register for Event Register for Event
</Button> </Button>
</CardBody> </CardBody>
</div>
</div>
</Card> </Card>
{/* Similar Events Section */} {/* Similar Events Section */}