Needs to be connected CRUD

frontend/components/planning.tsx

@@ -53,6 +53,7 @@ const Planning: React.FC<{
 	const handleEventUpdate = async (
 		eventSelected: ICalendarEvent | Omit<ICalendarEvent, "id">,
 	) => {
+		if (!isConnected) return;
 		const event = {
 			...eventSelected,
 			start: `${new Date(eventSelected.start).toISOString()}`,
@@ -112,11 +113,14 @@ const Planning: React.FC<{
 		calendar?.setTheme(resolvedTheme === "dark" ? "dark" : "light");
 	}, [resolvedTheme]);
 
-	const AddButton: React.FC = () => (
-		<Button onClick={() => setNewEvent({})} variant="outline">
-			Nouveau
-		</Button>
-	);
+	const AddButton: React.FC = () => {
+		if (!isConnected) return <></>;
+		return (
+			<Button onClick={() => setNewEvent({})} variant="outline">
+				Nouveau
+			</Button>
+		);
+	};
 
 	return (
 		<div>
@@ -131,6 +135,7 @@ const Planning: React.FC<{
 						setNewEvent((e) => (open ? e : null));
 					}}
 					onAdd={async (formValues) => {
+						if (!isConnected) return;
 						const rrule = mapFrequencyToRrule(
 							formValues.frequency,
 							formValues.frequencyEndDate,
@@ -182,6 +187,7 @@ const Planning: React.FC<{
 					}}
 					event={eventSelected}
 					onDelete={async (id) => {
+						if (!isConnected) return;
 						calendar?.events?.remove(id);
 						try {
 							const res = await request<undefined>(