Made Mission marker DB compatible

apps/dispatch/app/_store/missionsStore.ts

@@ -1,46 +1,20 @@
 import { Mission, Prisma } from "@repo/db";
 import { MissionOptionalDefaults } from "@repo/db/zod";
+import { serverApi } from "helpers/axios";
 import { create } from "zustand";
+import { toast } from "react-hot-toast";
 
 interface MissionStore {
 	missions: Mission[];
 	setMissions: (missions: Mission[]) => void;
 	getMissions: () => Promise<undefined>;
 	createMission: (mission: MissionOptionalDefaults) => Promise<Mission>;
-	setMission: (mission: Mission) => void;
+	deleteMission: (id: number) => Promise<void>;
+	editMission: (id: number, mission: Partial<Mission>) => Promise<void>;
 }
 
 export const useMissionsStore = create<MissionStore>((set) => ({
-	missions: [
-		{
-			id: 1,
-			type: "primär",
-			state: "draft",
-			addressCity: "Berlin",
-			addressStreet: "Alexanderplatz",
-			addressZip: "10178",
-			addressOSMways: [],
-			missionAdditionalInfo: "",
-			addressLat: 52.520008,
-			addressLng: 13.404954,
-			missionKeywordName: "TestKName",
-			missionKeywordCategory: "TestKCategory",
-			missionKeywordAbbreviation: "TestKAbbreviation",
-			missionPatientInfo: "TestPatientInfo",
-			missionStationIds: [],
-			createdUserId: "1",
-			hpgMissionString: null,
-			missionLog: [],
-			missionStationUserIds: [],
-			hpgLocationLat: 52.520008,
-			hpgLocationLng: 13.404954,
-			hpgAmbulanceState: null,
-			hpgFireEngineState: null,
-			hpgPoliceState: null,
-			createdAt: new Date(),
-			updatedAt: new Date(),
-		},
-	],
+	missions: [],
 	setMissions: (missions) => set({ missions }),
 	createMission: async (mission) => {
 		const res = await fetch("/api/mission", {
@@ -55,41 +29,46 @@ export const useMissionsStore = create<MissionStore>((set) => ({
 		set((state) => ({ missions: [...state.missions, data] }));
 		return data;
 	},
+	editMission: async (id, mission) => {
+		const { data, status } = await serverApi.patch<Mission>(
+			`/mission/${id}`,
+			mission,
+		);
+		if (status.toString().startsWith("2") && data) {
+			set((state) => ({
+				missions: state.missions.map((m) => (m.id === id ? data : m)),
+			}));
+			toast.success("Mission updated successfully");
+		} else {
+			toast.error("Failed to update mission");
+		}
+	},
+	deleteMission: async (id) => {
+		serverApi
+			.delete(`/mission/${id}`)
+			.then((res) => {
+				if (res.status.toString().startsWith("2")) {
+					set((state) => ({
+						missions: state.missions.filter((mission) => mission.id !== id),
+					}));
+					toast.success("Mission deleted successfully");
+				} else {
+					toast.error("Failed to delete mission");
+				}
+			})
+			.catch((err) => {
+				toast.error("Failed to delete mission");
+			});
+	},
 	getMissions: async () => {
-		const res = await fetch("/api/mission", {
-			method: "POST",
-			headers: {
-				"Content-Type": "application/json",
-			},
-			body: JSON.stringify({
-				OR: [
-					{
-						state: "draft",
-					},
-					{
-						state: "running",
-					},
-				],
-			} as Prisma.MissionWhereInput),
+		const { data } = await serverApi.post<Mission[]>("/mission", {
+			filter: {
+				OR: [{ state: "draft" }, { state: "running" }],
+			} as Prisma.MissionWhereInput,
 		});
-		if (!res.ok) return undefined;
-		const data = await res.json();
-		//set({ missions: data });
+		set({ missions: data });
 		return undefined;
 	},
-	setMission: (mission) =>
-		set((state) => {
-			const existingMissionIndex = state.missions.findIndex(
-				(m) => m.id === mission.id,
-			);
-			if (existingMissionIndex !== -1) {
-				const updatedMissions = [...state.missions];
-				updatedMissions[existingMissionIndex] = mission;
-				return { missions: updatedMissions };
-			} else {
-				return { missions: [...state.missions, mission] };
-			}
-		}),
 }));
 
 useMissionsStore