From 1428d1a1d7bfb1e1344631266e757c2022f7a3a5 Mon Sep 17 00:00:00 2001
From: Nicolas <nicolas@syntaxdev.de>
Date: Wed, 21 May 2025 10:41:55 +0200
Subject: [PATCH] Fix Alarm & Remove Dispatch functionality from Pilots

---
 .../map/_components/MissionMarkerTabs.tsx     | 280 ++++++++++--------
 .../_components/pannel/MissionForm.tsx        |  33 ++-
 2 files changed, 177 insertions(+), 136 deletions(-)

diff --git a/apps/dispatch/app/dispatch/_components/map/_components/MissionMarkerTabs.tsx b/apps/dispatch/app/dispatch/_components/map/_components/MissionMarkerTabs.tsx
index 6c48ea27..62788c29 100644
--- a/apps/dispatch/app/dispatch/_components/map/_components/MissionMarkerTabs.tsx
+++ b/apps/dispatch/app/dispatch/_components/map/_components/MissionMarkerTabs.tsx
@@ -87,51 +87,53 @@ const Einsatzdetails = ({ mission }: { mission: Mission }) => {
 				<h2 className="flex items-center gap-2 text-lg font-bold">
 					<Flag /> Einsatzdetails
 				</h2>
-				{mission.state !== "draft" && (
-					<div className="space-x-2">
-						<div
-							className="tooltip tooltip-primary tooltip-left font-semibold"
-							data-tip="Einsatzdaten übernehmen"
-						>
-							<button
-								className="btn btn-xs btn-primary btn-dash flex items-center gap-2"
-								onClick={() => {
-									setMissionFormValues({
-										...mission,
-										id: undefined,
-										hpgAmbulanceState: null,
-										hpgFireEngineState: null,
-										hpgPoliceState: null,
-										hpgLocationLat: undefined,
-										hpgLocationLng: undefined,
-										state: "draft",
-									});
-									setOpen(true);
-								}}
+				{mission.state !== "draft" &&
+					typeof window !== "undefined" &&
+					!window.location.pathname.startsWith("/pilot") && (
+						<div className="space-x-2">
+							<div
+								className="tooltip tooltip-primary tooltip-left font-semibold"
+								data-tip="Einsatzdaten übernehmen"
 							>
-								<Repeat2 size={16} />
-							</button>
-						</div>
-						<div
-							className="tooltip tooltip-warning tooltip-left font-semibold z-[9999]"
-							data-tip="Einsatz abschließen"
-						>
-							<button
-								className="btn btn-xs btn-warning flex items-center gap-2"
-								onClick={() => {
-									editMissionMutation.mutate({
-										id: mission.id,
-										mission: {
-											state: "finished",
-										},
-									});
-								}}
+								<button
+									className="btn btn-xs btn-primary btn-dash flex items-center gap-2"
+									onClick={() => {
+										setMissionFormValues({
+											...mission,
+											id: undefined,
+											hpgAmbulanceState: null,
+											hpgFireEngineState: null,
+											hpgPoliceState: null,
+											hpgLocationLat: undefined,
+											hpgLocationLng: undefined,
+											state: "draft",
+										});
+										setOpen(true);
+									}}
+								>
+									<Repeat2 size={16} />
+								</button>
+							</div>
+							<div
+								className="tooltip tooltip-warning tooltip-left font-semibold z-[9999]"
+								data-tip="Einsatz abschließen"
 							>
-								<CheckCheck size={16} />
-							</button>
+								<button
+									className="btn btn-xs btn-warning flex items-center gap-2"
+									onClick={() => {
+										editMissionMutation.mutate({
+											id: mission.id,
+											mission: {
+												state: "finished",
+											},
+										});
+									}}
+								>
+									<CheckCheck size={16} />
+								</button>
+							</div>
 						</div>
-					</div>
-				)}
+					)}
 			</div>
 			<ul className="text-base-content font-semibold">
 				<li className="flex items-center gap-2 mb-1">
@@ -257,19 +259,22 @@ const Rettungsmittel = ({ mission }: { mission: Mission }) => {
 				<h2 className="flex items-center gap-2 text-lg font-bold mb-3">
 					<SmartphoneNfc /> Rettungsmittel
 				</h2>
-				<div
-					className="tooltip tooltip-primary tooltip-left font-semibold"
-					data-tip="Einsatz erneut alarmieren"
-				>
-					<button
-						className="btn btn-xs btn-primary btn-outline"
-						onClick={() => {
-							sendAlertMutation.mutate(mission.id);
-						}}
-					>
-						<BellRing size={16} />
-					</button>
-				</div>
+				{typeof window !== "undefined" &&
+					!window.location.pathname.startsWith("/pilot") && (
+						<div
+							className="tooltip tooltip-primary tooltip-left font-semibold"
+							data-tip="Einsatz erneut alarmieren"
+						>
+							<button
+								className="btn btn-xs btn-primary btn-outline"
+								onClick={() => {
+									sendAlertMutation.mutate(mission.id);
+								}}
+							>
+								<BellRing size={16} />
+							</button>
+						</div>
+					)}
 			</div>
 			<ul className="space-y-2 max-h-[300px] overflow-y-auto overflow-x-auto">
 				{stations?.map((station, index) => {
@@ -304,20 +309,25 @@ const Rettungsmittel = ({ mission }: { mission: Mission }) => {
 					);
 				})}
 			</ul>
-			<div className="divider mt-0 mb-0" />
-			<div className="flex items-center gap-2">
-				{/* TODO: make it a small multiselect */}
-				<select className="select select-sm select-primary select-bordered flex-1">
-					<option value="1">Feuerwehr</option>
-					<option value="2">RTW</option>
-					<option value="3">Polizei</option>
-				</select>
-				<button className="btn btn-sm btn-primary btn-outline">
-					<span className="text-base-content flex items-center gap-2">
-						<BellRing size={16} /> Nachalarmieren
-					</span>
-				</button>
-			</div>
+			{typeof window !== "undefined" &&
+				!window.location.pathname.startsWith("/pilot") && (
+					<div>
+						<div className="divider mt-0 mb-0" />
+						<div className="flex items-center gap-2">
+							{/* TODO: make it a small multiselect */}
+							<select className="select select-sm select-primary select-bordered flex-1">
+								<option value="1">Feuerwehr</option>
+								<option value="2">RTW</option>
+								<option value="3">Polizei</option>
+							</select>
+							<button className="btn btn-sm btn-primary btn-outline">
+								<span className="text-base-content flex items-center gap-2">
+									<BellRing size={16} /> Nachalarmieren
+								</span>
+							</button>
+						</div>
+					</div>
+				)}
 		</div>
 	);
 };
@@ -346,69 +356,74 @@ const FMSStatusHistory = ({ mission }: { mission: Mission }) => {
 	if (!session.data?.user) return null;
 	return (
 		<div className="p-4">
-			<div className="flex items-center gap-2">
-				{!isAddingNote ? (
-					<button
-						className="text-base-content text-base cursor-pointer"
-						onClick={() => setIsAddingNote(true)}
-					>
-						<span className="flex items-center gap-2">
-							<Plus size={18} /> Notiz hinzufügen
-						</span>
-					</button>
-				) : (
-					<div className="flex items-center gap-2 w-full">
-						<input
-							type="text"
-							placeholder=""
-							className="input input-sm text-base-content flex-1"
-							value={note}
-							onChange={(e) => setNote(e.target.value)}
-						/>
-						<button
-							className="btn btn-sm btn-primary btn-outline"
-							onClick={() => {
-								const newMissionLog = [
-									...mission.missionLog,
-									{
-										type: "message-log",
-										auto: false,
-										timeStamp: new Date().toISOString(),
-										data: {
-											message: note,
-											user: getPublicUser(session.data?.user),
-										},
-									} as MissionMessageLog,
-								];
-								editMissionMutation
-									.mutateAsync({
-										id: mission.id,
-										mission: {
-											// eslint-disable-next-line @typescript-eslint/no-explicit-any
-											missionLog: newMissionLog as any,
-										},
-									})
-									.then(() => {
-										setIsAddingNote(false);
-										setNote("");
-									});
-							}}
-						>
-							<Plus size={20} />
-						</button>
-						<button
-							className="btn btn-sm btn-outline"
-							onClick={() => {
-								setIsAddingNote(false);
-								setNote("");
-							}}
-						>
-							<Ban size={20} />
-						</button>
+			{typeof window !== "undefined" &&
+				!window.location.pathname.startsWith("/pilot") && (
+					<div>
+						<div className="flex items-center gap-2">
+							{!isAddingNote ? (
+								<button
+									className="text-base-content text-base cursor-pointer"
+									onClick={() => setIsAddingNote(true)}
+								>
+									<span className="flex items-center gap-2">
+										<Plus size={18} /> Notiz hinzufügen
+									</span>
+								</button>
+							) : (
+								<div className="flex items-center gap-2 w-full">
+									<input
+										type="text"
+										placeholder=""
+										className="input input-sm text-base-content flex-1"
+										value={note}
+										onChange={(e) => setNote(e.target.value)}
+									/>
+									<button
+										className="btn btn-sm btn-primary btn-outline"
+										onClick={() => {
+											const newMissionLog = [
+												...mission.missionLog,
+												{
+													type: "message-log",
+													auto: false,
+													timeStamp: new Date().toISOString(),
+													data: {
+														message: note,
+														user: getPublicUser(session.data?.user),
+													},
+												} as MissionMessageLog,
+											];
+											editMissionMutation
+												.mutateAsync({
+													id: mission.id,
+													mission: {
+														// eslint-disable-next-line @typescript-eslint/no-explicit-any
+														missionLog: newMissionLog as any,
+													},
+												})
+												.then(() => {
+													setIsAddingNote(false);
+													setNote("");
+												});
+										}}
+									>
+										<Plus size={20} />
+									</button>
+									<button
+										className="btn btn-sm btn-outline"
+										onClick={() => {
+											setIsAddingNote(false);
+											setNote("");
+										}}
+									>
+										<Ban size={20} />
+									</button>
+								</div>
+							)}
+						</div>
+						<div className="divider m-0" />
 					</div>
 				)}
-			</div>
-			<div className="divider m-0" />
 			<ul className="space-y-1 max-h-[300px] overflow-y-auto overflow-x-auto">
 				{(mission.missionLog as unknown as MissionLog[])
 					.slice()
@@ -483,6 +498,11 @@ const FMSStatusHistory = ({ mission }: { mission: Mission }) => {
 						return null;
 					})}
 			</ul>
+			{!mission.missionLog.length && (
+				<p className="text-gray-500 w-full text-center my-10 font-semibold">
+					Keine Notizen verfügbar
+				</p>
+			)}
 		</div>
 	);
 };
diff --git a/apps/dispatch/app/dispatch/_components/pannel/MissionForm.tsx b/apps/dispatch/app/dispatch/_components/pannel/MissionForm.tsx
index 6ac3ebf1..d47820a7 100644
--- a/apps/dispatch/app/dispatch/_components/pannel/MissionForm.tsx
+++ b/apps/dispatch/app/dispatch/_components/pannel/MissionForm.tsx
@@ -13,7 +13,11 @@ import { usePannelStore } from "_store/pannelStore";
 import { useSession } from "next-auth/react";
 import { toast } from "react-hot-toast";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-import { createMissionAPI, editMissionAPI } from "querys/missions";
+import {
+	createMissionAPI,
+	editMissionAPI,
+	sendMissionAPI,
+} from "querys/missions";
 import { getKeywordsAPI } from "querys/keywords";
 import { getStationsAPI } from "querys/stations";
 import { useMapStore } from "_store/mapStore";
@@ -60,6 +64,21 @@ export const MissionForm = () => {
 		},
 	});
 
+	const sendAlertMutation = useMutation({
+		mutationKey: ["missions"],
+		mutationFn: sendMissionAPI,
+		onError: (error) => {
+			console.error(error);
+			toast.error("Fehler beim Alarmieren");
+		},
+		onSuccess: (data) => {
+			toast.success(data.message);
+			queryClient.invalidateQueries({
+				queryKey: ["missions"],
+			});
+		},
+	});
+
 	const session = useSession();
 	const defaultFormValues = React.useMemo(
 		() =>
@@ -344,12 +363,14 @@ export const MissionForm = () => {
 									async (mission: MissionOptionalDefaults) => {
 										try {
 											const newMission =
-												await createMissionMutation.mutateAsync(
-													mission as unknown as Prisma.MissionCreateInput,
-												);
+												await createMissionMutation.mutateAsync({
+													...(mission as unknown as Prisma.MissionCreateInput),
+													state: "running",
+												});
+											sendAlertMutation.mutate(newMission.id);
 											setSeachOSMElements([]); // Reset search elements
-											toast.success(`Einsatz ${newMission.id} erstellt`);
-											// TODO: Einsatz alarmieren
+											toast.success(`Einsatz ${newMission.publicId} erstellt`);
+											form.reset();
 											setOpen(false);
 										} catch (error) {
 											toast.error(