♻️(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:
@@ -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>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|||||||
Reference in New Issue
Block a user