fix: empty event form edit fields
Some checks failed
container-scan / Container Scan (pull_request) Failing after 31s
tests / Tests (pull_request) Has been cancelled
docker-build / docker (pull_request) Failing after 2m30s

This commit is contained in:
Dominik 2025-07-01 08:55:53 +02:00
parent dbf9809c7b
commit b5602bead5
Signed by: dominik
GPG key ID: 06A4003FC5049644
3 changed files with 45 additions and 42 deletions

View file

@ -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 &ldquo;
{event.title}&rdquo;? This action cannot be undone.
{eventData.data.event.title}&rdquo;? 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'