Merge branch 'main' of https://github.com/VAR-Virtual-Air-Rescue/var-monorepo

apps/dispatch/app/dispatch/_components/map/_components/MissionMarkerTabs.tsx

@@ -86,51 +86,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">
@@ -304,19 +306,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({ id: 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({ id: mission.id });
+								}}
+							>
+								<BellRing size={16} />
+							</button>
+						</div>
+					)}
 			</div>
 			<ul className="space-y-2 max-h-[300px] overflow-y-auto overflow-x-auto">
 				{missionStations?.map((station, index) => {
@@ -354,66 +359,12 @@ const Rettungsmittel = ({ mission }: { mission: Mission }) => {
 			<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"
-					onChange={(e) => {
-						const selected = allStations?.find(
-							(s) => s.id.toString() === e.target.value,
-						);
-						if (selected) {
-							setSelectedStation(selected);
-						} else {
-							setSelectedStation(
-								e.target.value as "ambulance" | "police" | "firebrigade",
-							);
-						}
-					}}
-					value={
-						typeof selectedStation === "string"
-							? selectedStation
-							: selectedStation?.id
-					}
-				>
-					{allStations
-						?.filter((s) => !mission.missionStationIds.includes(s.id))
-						?.map((station) => (
-							<option
-								key={station.id}
-								value={station.id}
-								onClick={() => {
-									setSelectedStation(station);
-								}}
-							>
-								{station.bosCallsign}
-							</option>
-						))}
-					<option disabled>Fahrzeuge:</option>
-					<option value="firebrigade">Feuerwehr</option>
-					<option value="ambulance">RTW</option>
-					<option value="police">Polizei</option>
+				<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"
-					onClick={async () => {
-						if (typeof selectedStation === "string") {
-							toast.error("Fahrzeuge werden aktuell nicht unterstützt");
-						} else {
-							if (!selectedStation?.id) return;
-							await updateMissionMutation.mutateAsync({
-								id: mission.id,
-								missionEdit: {
-									missionStationIds: {
-										push: selectedStation?.id,
-									},
-								},
-							});
-							await sendAlertMutation.mutate({
-								id: mission.id,
-								stationId: selectedStation?.id ?? 0,
-							});
-						}
-					}}
-				>
+				<button className="btn btn-sm btn-primary btn-outline">
 					<span className="text-base-content flex items-center gap-2">
 						<BellRing size={16} /> Nachalarmieren
 					</span>
@@ -447,69 +398,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()
@@ -584,6 +540,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>
 	);
 };

apps/dispatch/app/dispatch/_components/pannel/MissionForm.tsx

@@ -75,6 +75,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(
 		() =>
@@ -364,7 +379,8 @@ export const MissionForm = () => {
 												);
 											await sendAlertMutation.mutateAsync(newMission.id);
 											setSeachOSMElements([]); // Reset search elements
-
+											toast.success(`Einsatz ${newMission.id} erstellt`);
+											// TODO: Einsatz alarmieren
 											setOpen(false);
 										} catch (error) {
 											toast.error(