♻️(front) update LeftPanel component

Update LeftPanel to use new CalendarList and MiniCalendar
components with CalendarContext integration.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Nathan Panchout
2026-01-25 20:35:01 +01:00
parent 717029bd96
commit a5c10b2ca9

View File

@@ -2,20 +2,19 @@
* LeftPanel component - Calendar sidebar with mini calendar and calendar list. * LeftPanel component - Calendar sidebar with mini calendar and calendar list.
*/ */
import { useState } from "react";
import { Button } from "@openfun/cunningham-react"; import { Button } from "@gouvfr-lasuite/cunningham-react";
import { Calendar } from "../api"; import { Calendar } from "../api";
import { CalendarList } from "./CalendarList"; import { CalendarList } from "./calendar-list";
import { MiniCalendar } from "./MiniCalendar"; import { MiniCalendar } from "./MiniCalendar";
import { useCalendarContext } from "../contexts";
interface LeftPanelProps { interface LeftPanelProps {
calendars: Calendar[]; calendars: Calendar[];
selectedDate: Date; selectedDate: Date;
onDateSelect: (date: Date) => void; onDateSelect: (date: Date) => void;
onCreateEvent: () => void; onCreateEvent: () => void;
onCreateCalendar: () => void;
} }
export const LeftPanel = ({ export const LeftPanel = ({
@@ -23,8 +22,9 @@ export const LeftPanel = ({
selectedDate, selectedDate,
onDateSelect, onDateSelect,
onCreateEvent, onCreateEvent,
onCreateCalendar,
}: LeftPanelProps) => { }: LeftPanelProps) => {
const { davCalendars } = useCalendarContext();
console.log("davCalendars LeftPanel", davCalendars);
return ( return (
<div className="calendar-left-panel"> <div className="calendar-left-panel">
<div className="calendar-left-panel__create"> <div className="calendar-left-panel__create">
@@ -37,7 +37,7 @@ export const LeftPanel = ({
<div className="calendar-left-panel__divider" /> <div className="calendar-left-panel__divider" />
<CalendarList calendars={calendars} onCreateCalendar={onCreateCalendar} /> <CalendarList calendars={calendars} />
</div> </div>
); );
}; };