fix: empty event form edit fields
This commit is contained in:
parent
dbf9809c7b
commit
b5602bead5
3 changed files with 45 additions and 42 deletions
|
@ -51,9 +51,6 @@ export default function ShowEvent() {
|
|||
);
|
||||
}
|
||||
|
||||
const event = eventData.data.event;
|
||||
const organiserName = userData?.data.user?.name || 'Unknown User';
|
||||
|
||||
// Format dates & times for display
|
||||
const formatDate = (isoString?: string) => {
|
||||
if (!isoString) return '-';
|
||||
|
@ -81,7 +78,7 @@ export default function ShowEvent() {
|
|||
</div>
|
||||
<div className='items-center ml-auto mr-auto max-sm:mb-6 max-sm:w-full max-sm:flex max-sm:justify-center'>
|
||||
<h1 className='text-center'>
|
||||
{event.title || 'Untitled Event'}
|
||||
{eventData.data.event.title || 'Untitled Event'}
|
||||
</h1>
|
||||
</div>
|
||||
<div className='w-0 sm:w-[100px]'></div>
|
||||
|
@ -92,8 +89,8 @@ export default function ShowEvent() {
|
|||
start Time
|
||||
</Label>
|
||||
<Label size='large'>
|
||||
{event.start_time
|
||||
? `${formatDate(event.start_time)} ${formatTime(event.start_time)}`
|
||||
{eventData.data.event.start_time
|
||||
? `${formatDate(eventData.data.event.start_time)} ${formatTime(eventData.data.event.start_time)}`
|
||||
: '-'}
|
||||
</Label>
|
||||
</div>
|
||||
|
@ -102,8 +99,8 @@ export default function ShowEvent() {
|
|||
end Time
|
||||
</Label>
|
||||
<Label size='large'>
|
||||
{event.end_time
|
||||
? `${formatDate(event.end_time)} ${formatTime(event.end_time)}`
|
||||
{eventData.data.event.end_time
|
||||
? `${formatDate(eventData.data.event.end_time)} ${formatTime(eventData.data.event.end_time)}`
|
||||
: '-'}
|
||||
</Label>
|
||||
</div>
|
||||
|
@ -111,7 +108,7 @@ export default function ShowEvent() {
|
|||
<Label className='text-[var(--color-neutral-300)] mb-2'>
|
||||
Location
|
||||
</Label>
|
||||
<Label size='large'>{event.location || '-'}</Label>
|
||||
<Label size='large'>{eventData.data.event.location || '-'}</Label>
|
||||
</div>
|
||||
<div className='flex flex-col gap-4'>
|
||||
<div className='flex flex-row gap-2'>
|
||||
|
@ -119,7 +116,7 @@ export default function ShowEvent() {
|
|||
created:
|
||||
</Label>
|
||||
<Label>
|
||||
{event.created_at ? formatDate(event.created_at) : '-'}
|
||||
{eventData.data.event.created_at ? formatDate(eventData.data.event.created_at) : '-'}
|
||||
</Label>
|
||||
</div>
|
||||
<div className='flex flex-row gap-2'>
|
||||
|
@ -127,7 +124,7 @@ export default function ShowEvent() {
|
|||
updated:
|
||||
</Label>
|
||||
<Label>
|
||||
{event.updated_at ? formatDate(event.updated_at) : '-'}
|
||||
{eventData.data.event.updated_at ? formatDate(eventData.data.event.updated_at) : '-'}
|
||||
</Label>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -139,14 +136,14 @@ export default function ShowEvent() {
|
|||
<Label className='text-[var(--color-neutral-300)]'>
|
||||
Organiser:
|
||||
</Label>
|
||||
<Label size='large'>{organiserName}</Label>
|
||||
<Label size='large'>{userData?.data.user?.name || 'Unknown User'}</Label>
|
||||
</div>
|
||||
</div>
|
||||
<div className='h-full w-full'>
|
||||
<Label className='text-[var(--color-neutral-300)] mb-2'>
|
||||
Description
|
||||
</Label>
|
||||
<Label size='large'>{event.description || '-'}</Label>
|
||||
<Label size='large'>{eventData.data.event.description || '-'}</Label>
|
||||
</div>
|
||||
</div>
|
||||
<div className='h-full w-full mt-2'>
|
||||
|
@ -154,11 +151,11 @@ export default function ShowEvent() {
|
|||
Participants
|
||||
</Label>{' '}
|
||||
<div className='grid grid-cols-1 mt-3 sm:max-h-60 sm:grid-cols-2 sm:overflow-y-auto sm:mb-0'>
|
||||
{event.participants?.map((user) => (
|
||||
{eventData.data.event.participants?.map((user) => (
|
||||
<ParticipantListEntry
|
||||
key={user.user.id}
|
||||
{...user}
|
||||
eventID={event.id}
|
||||
eventID={eventData.data.event.id}
|
||||
/>
|
||||
))}
|
||||
</div>
|
||||
|
@ -167,7 +164,7 @@ export default function ShowEvent() {
|
|||
|
||||
<div className='flex flex-row gap-2 justify-end mt-4 mb-6'>
|
||||
<div className='w-[20%] grid max-sm:w-full'>
|
||||
{session.data?.user?.id === event.organizer.id ? (
|
||||
{session.data?.user?.id === eventData.data.event.organizer.id ? (
|
||||
<Dialog
|
||||
open={deleteDialogOpen}
|
||||
onOpenChange={setDeleteDialogOpen}
|
||||
|
@ -182,7 +179,7 @@ export default function ShowEvent() {
|
|||
<DialogTitle>Delete Event</DialogTitle>
|
||||
<DialogDescription>
|
||||
Are you sure you want to delete the event “
|
||||
{event.title}”? This action cannot be undone.
|
||||
{eventData.data.event.title}”? This action cannot be undone.
|
||||
</DialogDescription>
|
||||
</DialogHeader>
|
||||
<DialogFooter>
|
||||
|
@ -196,7 +193,7 @@ export default function ShowEvent() {
|
|||
variant='muted'
|
||||
onClick={() => {
|
||||
deleteEvent.mutate(
|
||||
{ eventID: event.id },
|
||||
{ eventID: eventData.data.event.id },
|
||||
{
|
||||
onSuccess: () => {
|
||||
router.push('/home');
|
||||
|
@ -204,7 +201,7 @@ export default function ShowEvent() {
|
|||
<ToastInner
|
||||
toastId={t}
|
||||
title='Event deleted'
|
||||
description={event?.title}
|
||||
description={eventData.data.event.title}
|
||||
variant='success'
|
||||
/>
|
||||
));
|
||||
|
@ -222,7 +219,7 @@ export default function ShowEvent() {
|
|||
) : null}
|
||||
</div>
|
||||
<div className='w-[20%] grid max-sm:w-full'>
|
||||
{session.data?.user?.id === event.organizer.id ? (
|
||||
{session.data?.user?.id === eventData.data.event.organizer.id ? (
|
||||
<RedirectButton
|
||||
redirectUrl={`/events/edit/${eventID}`}
|
||||
buttonText='edit'
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue