DHBW-WE/MeetUp
5
0
Fork 0
Code Issues 7 Pull requests 8 Projects 1 Releases 5 Packages 1 Wiki Activity Actions

feat: add ParticipantListEntry component and integrate draft into event form

Browse source
This commit is contained in:
micha 2025-06-17 19:01:14 +02:00
parent f5450d9b4f
commit 8369a92520
2 changed files with 41 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/components/buttons/event-form.tsx
View file

@ -9,6 +9,7 @@ import {
useGetApiUserMe,
usePostApiEvent,
} from '@/generated/api/default/default';
import ParticipantListEntry from '@/components/custom-ui/participantListEntry';
type eventFormProps = {
type?: 'create' | 'edit';
@ -22,6 +23,10 @@ export default function EventForm({ type = 'edit' }: eventFormProps) {
const [startTime, setStartTime] = React.useState<string>('12:00');
const [endDate, setEndDate] = React.useState<Date | undefined>();
const [endTime, setEndTime] = React.useState<string>('13:00');
const [selectedParticipants, setSelectedParticipants] = React.useState<{ [name: string]: boolean }>({
'Max Muster': false,
// Add more participants as needed
});
async function handleSubmit(e: React.FormEvent<HTMLFormElement>) {
e.preventDefault();
@ -161,8 +166,17 @@ export default function EventForm({ type = 'edit' }: eventFormProps) {
</div>
</div>
<div className='h-full w-full'>
<Label>Participants here</Label>{' '}
{/* TODO: add participants input */}
<Label>Participants</Label> {/* TODO: add participants input */}
<ParticipantListEntry
participant="Max Muster"
checked={selectedParticipants['Max Muster']}
onCheck={checked =>
setSelectedParticipants(prev => ({
...prev,
['Max Muster']: checked,
}))
}
></ParticipantListEntry>
</div>
</div>