alma/NeahFront7
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

calendar 23

Browse Source
This commit is contained in:
Alma 2025-04-13 15:58:22 +02:00
parent 593ed2b9e7
commit 995129cdb6
1 changed files with 37 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
components/calendar/calendar-client.tsx
View File

@ -528,6 +528,27 @@ export function CalendarClient({ initialCalendars, userId, userProfile }: Calend
fetchCalendars(); fetchCalendars();
}, []); }, []);
// Add effect to ensure selectedCalendarId is set
useEffect(() => {
if (!selectedCalendarId && calendars.length > 0) {
console.log("Setting initial calendar selection:", calendars[0]);
setSelectedCalendarId(calendars[0].id);
setEventForm(prev => ({
...prev,
calendarId: calendars[0].id
}));
}
}, [calendars, selectedCalendarId]);
const handleCalendarSelect = (calendarId: string) => {
console.log("Calendar selected:", calendarId);
setSelectedCalendarId(calendarId);
setEventForm(prev => ({
...prev,
calendarId: calendarId
}));
};
const handleCalendarSave = async (calendarData: Partial<Calendar>) => { const handleCalendarSave = async (calendarData: Partial<Calendar>) => {
try { try {
setLoading(true); setLoading(true);
@ -587,8 +608,12 @@ export function CalendarClient({ initialCalendars, userId, userProfile }: Calend
const startDate = new Date(selectInfo.start); const startDate = new Date(selectInfo.start);
const endDate = new Date(selectInfo.end); const endDate = new Date(selectInfo.end);
console.log("Date select handler - Current calendars:", calendars);
console.log("Date select handler - Current selectedCalendarId:", selectedCalendarId);
// If no calendar is selected, use the first available calendar // If no calendar is selected, use the first available calendar
if (!selectedCalendarId && calendars.length > 0) { if (!selectedCalendarId && calendars.length > 0) {
console.log("No calendar selected, selecting first calendar:", calendars[0]);
setSelectedCalendarId(calendars[0].id); setSelectedCalendarId(calendars[0].id);
} }
@ -625,6 +650,12 @@ export function CalendarClient({ initialCalendars, userId, userProfile }: Calend
const handleEventSubmit = async () => { const handleEventSubmit = async () => {
try { try {
if (!eventForm.title || !eventForm.start || !eventForm.end || !selectedCalendarId) { if (!eventForm.title || !eventForm.start || !eventForm.end || !selectedCalendarId) {
console.log("Form validation failed:", {
title: eventForm.title,
start: eventForm.start,
end: eventForm.end,
selectedCalendarId
});
setError("Veuillez remplir tous les champs obligatoires"); setError("Veuillez remplir tous les champs obligatoires");
return; return;
} }
@ -637,7 +668,9 @@ export function CalendarClient({ initialCalendars, userId, userProfile }: Calend
userId, userId,
isAllDay: eventForm.allDay isAllDay: eventForm.allDay
}; };
console.log("Submitting event:", eventData); console.log("Submitting event with data:", eventData);
console.log("Available calendars:", calendars);
console.log("Selected calendar ID:", selectedCalendarId);
const response = await fetch("/api/events", { const response = await fetch("/api/events", {
method: selectedEvent ? "PUT" : "POST", method: selectedEvent ? "PUT" : "POST",
@ -648,6 +681,7 @@ export function CalendarClient({ initialCalendars, userId, userProfile }: Calend
}); });
const responseData = await response.json(); const responseData = await response.json();
console.log("Response from server:", responseData);
if (!response.ok) { if (!response.ok) {
console.error("Error response:", responseData); console.error("Error response:", responseData);
@ -718,7 +752,7 @@ export function CalendarClient({ initialCalendars, userId, userProfile }: Calend
} }
}; };
// Add a calendar selector component // Update CalendarSelector to use the new handler
const CalendarSelector = () => ( const CalendarSelector = () => (
<div className="flex flex-wrap items-center gap-2 mb-4"> <div className="flex flex-wrap items-center gap-2 mb-4">
{calendars.map((calendar) => ( {calendars.map((calendar) => (
@ -726,7 +760,7 @@ export function CalendarClient({ initialCalendars, userId, userProfile }: Calend
<Button <Button
variant={calendar.id === selectedCalendarId ? "secondary" : "ghost"} variant={calendar.id === selectedCalendarId ? "secondary" : "ghost"}
className="flex items-center gap-2 pr-8" className="flex items-center gap-2 pr-8"
onClick={() => setSelectedCalendarId(calendar.id)} onClick={() => handleCalendarSelect(calendar.id)}
> >
<div <div
className="w-3 h-3 rounded-full" className="w-3 h-3 rounded-full"