Merge remote-tracking branch 'origin/dev/guerby' into dev/cedric

frontend/app/(main)/planning/page.tsx

@@ -1,5 +1,6 @@
 "use client";
 
+import { request, useApi } from "@/hooks/use-api";
 import "@schedule-x/theme-shadcn/dist/index.css";
 import { useNextCalendarApp, ScheduleXCalendar } from "@schedule-x/react";
 import { createEventsServicePlugin } from "@schedule-x/events-service";
@@ -29,6 +30,7 @@ import {
 import { CalendarIcon } from "lucide-react";
 import { Calendar } from "@/components/ui/calendar";
 import { cn } from "@/lib/utils";
+import { requestFormReset } from "react-dom";
 
 const Planning = () => {
 	const plugins = [createEventsServicePlugin()];
@@ -36,7 +38,7 @@ const Planning = () => {
 		useState<CalendarEventExternal | null>(null);
 	const [events, setEvents] = useState<CalendarEventExternal[]>([
 		{
-			id: "1",
+			id: "1", // TODO put an uuid there
 			title: "Event 1",
 			start: format(new Date(Date.now()), "yyyy-MM-dd HH:mm"),
 			end: format(
@@ -45,6 +47,9 @@ const Planning = () => {
 			),
 		},
 	]);
+
+	const [requestCreateEvent, setRequestCreateEvent] = useState(false)
+
 	const calendar = useNextCalendarApp(
 		{
 			theme: "shadcn",
@@ -62,11 +67,47 @@ const Planning = () => {
 				onEventClick(event, e) {
 					setEventSelected(event);
 				},
+				async onClickDateTime(dateTime) {
+					setRequestCreateEvent(true)
+					const newEvent: CalendarEventExternal = {
+						id: "5",
+						title: "Event 1",
+						start: dateTime,
+						end: format(
+							new Date(dateTime).getTime() + (1000 * 60 * 60),
+							"yyyy-MM-dd HH:mm",
+						),
+					}
+					try {
+						const res = await request<undefined>(
+							`/events/new`,
+							{
+								method: "POST",
+								body: JSON.stringify(newEvent),
+								requiresAuth: true,
+								csrfToken: false
+							},)
+						if (res.status === "Error") {
+							console.log("Error")
+						}
+						if (res.status === "Success") {
+							console.log("Success")
+						}
+					} catch (e) {
+						console.log(e)
+					}
+				},
 			},
 		},
 		plugins,
 	);
-
+	
+	const {data: requestedEvents, isLoading, success} = useApi("/events", {
+		onSuccess: (data) => {	
+			calendar?.events.set(data)
+		}
+	}, false, false)
+	
 	useEffect(() => {
 		// get all events
 		calendar?.events.getAll();
@@ -78,7 +119,7 @@ const Planning = () => {
 				<ScheduleXCalendar calendarApp={calendar} />
 			</div>
 			<Dialog
-				open={eventSelected !== null}
+				open={eventSelected !== null || false}
 				onOpenChange={(open) => {
 					setEventSelected((e) => (open ? e : null));
 				}}
@@ -137,10 +178,9 @@ const Planning = () => {
 							</Popover> */}
 							<Input
 								id="start"
-								value={eventSelected?.start}
+								value={eventSelected?.start || ""}
 								onChange={(e) => {
 									const val = e.currentTarget.value;
-									console.log(val);
 									setEventSelected((ev) => {
 										if (ev)
 											return {
@@ -159,35 +199,72 @@ const Planning = () => {
 							</Label>
 							<Input
 								id="end"
-								value={eventSelected?.end}
-								onChange={(e) =>
+								value={eventSelected?.end || ""}
+								onChange={(e) => {
+									const val = e.currentTarget.value
 									setEventSelected((ev) => {
 										if (ev)
 											return {
 												...ev,
-												end: e.currentTarget.value,
+												end: val,
 											};
 										return ev;
 									})
-								}
+								}}
 								className="col-span-3"
 							/>
 						</div>
 					</div>
-					<DialogFooter>
-						<Button
-							onClick={() => {
-								setEvents((evs) => {
-									evs = evs.filter(
-										(e) => e.id !== eventSelected?.id,
-									);
-									evs.push(eventSelected!);
-									return evs;
-								});
+					<DialogFooter className="flex flex-row justify-end">
+						<Button className="bg-red-700"
+							onClick={async () => {
+								calendar?.events?.remove(eventSelected!.id)
+								try {
+									const res = await request<undefined>(
+										`/events/${eventSelected!.id}/delete`,
+										{
+											method: "DELETE",
+											body: JSON.stringify(eventSelected),
+											requiresAuth: false,
+											csrfToken: false
+										},)
+									if (res.status === "Error") {
+										console.log("Error")
+									}
+									if (res.status === "Success") {
+										console.log("Success")
+									}
+								} catch (e) {
+									console.log(e)
+								}
 							}}
-							type="submit"
-						>
-							Mettre à jour
+							type="submit">
+							Supprimer
+						</Button>
+						<Button className="bg-blue-500"
+							onClick={async () => {
+								calendar?.events?.update(eventSelected!)
+								try {
+									const res = await request<undefined>(
+										`/events/${eventSelected!.id}/update`,
+										{
+											method: "PATCH",
+											body: JSON.stringify(eventSelected),
+											requiresAuth: true,
+											csrfToken: false
+										},)
+									if (res.status === "Error") {
+										console.log("Error")
+									}
+									if (res.status === "Success") {
+										console.log("Success")
+									}
+								} catch (e) {
+									console.log(e)
+								}
+							}}
+							type="submit">
+							Actualiser
 						</Button>
 					</DialogFooter>
 				</DialogContent>

frontend/hooks/events.tsx

@@ -0,0 +1,38 @@
+"use client";
+
+import { setCookie } from "cookies-next";
+import { useEffect, useState } from "react";
+import { API_URL } from "@/lib/constants";
+
+export interface LoginArgs {
+	email: string;
+	password: string;
+}
+
+export default function useLogin() {
+	const {
+		data,
+		isLoading: loading,
+		isSuccess,
+	} = request<string, LoginArgs>(
+		"/users/login",
+		undefined,
+		"POST",
+		false,
+		true,
+	);
+
+	const login = async (inputs: LoginArgs) => {
+		try {
+			const res = await trigger(inputs);
+			if (!res) throw new Error("The server hasn't responded.");
+			if (res.status === "Error") throw new Error(res.message);
+			if (res.data) setCookie("auth_token", res.data);
+			return res;
+		} catch (error: any) {
+			throw new Error(error.message);
+		}
+	};
+
+	return { login, loading, isSuccess };
+}