fixed dispatch eslint errors

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

@@ -262,7 +262,7 @@ const AircraftMarker = ({ aircraft }: { aircraft: ConnectedAircraft & { Station:
 		return () => {
 			marker?.off("click", handleClick);
 		};
-	}, [aircraft.id, openAircraftMarker, setOpenAircraftMarker, markerRef.current]);
+	}, [aircraft.id, openAircraftMarker, setOpenAircraftMarker]);
 
 	const [anchor, setAnchor] = useState<"topleft" | "topright" | "bottomleft" | "bottomright">(
 		"topleft",

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

@@ -1,7 +1,6 @@
 "use client";
-import { usePannelStore } from "_store/pannelStore";
 import { Control, Icon, LatLngExpression } from "leaflet";
-import { useEffect, useMemo, useRef, useState } from "react";
+import { useEffect, useRef, useState } from "react";
 import {
 	LayerGroup,
 	LayersControl,
@@ -15,7 +14,7 @@ import {
 	Marker,
 	Tooltip,
 } from "react-leaflet";
-// @ts-ignore
+// @ts-expect-error geojson hat keine Typen
 import type { FeatureCollection, Geometry } from "geojson";
 import L from "leaflet";
 import LEITSTELLENBERECHE from "./_geojson/Leitstellen.json";
@@ -197,7 +196,7 @@ const StationsLayer = ({ attribution }: { attribution: Control.Attribution }) =>
 	);
 };
 
-const EsriSatellite = ({ attribution }: { attribution: Control.Attribution }) => {
+const EsriSatellite = () => {
 	const accessToken = process.env.NEXT_PUBLIC_ESRI_ACCESS;
 	return (
 		<>
@@ -221,8 +220,7 @@ const StrassentexteEsri = () => {
 	);
 };
 
-const OpenAIP = ({ attribution }: { attribution: Control.Attribution }) => {
-	const accessToken = process.env.NEXT_PUBLIC_OPENAIP_ACCESS;
+const OpenAIP = () => {
 	const ref = useRef<L.TileLayer | null>(null);
 
 	return (
@@ -241,7 +239,7 @@ const OpenAIP = ({ attribution }: { attribution: Control.Attribution }) => {
 	);
 };
 
-const NiederschlagOverlay = ({ attribution }: { attribution: Control.Attribution }) => {
+const NiederschlagOverlay = () => {
 	const tileLayerRef = useRef<L.TileLayer.WMS | null>(null);
 
 	return (
@@ -311,7 +309,7 @@ export const BaseMaps = () => {
 				<RadioAreaLayer />
 			</LayersControl.Overlay>
 			<LayersControl.Overlay name={"Niederschlag"}>
-				<NiederschlagOverlay attribution={map.attributionControl} />
+				<NiederschlagOverlay />
 			</LayersControl.Overlay>
 
 			<LayersControl.Overlay name={"Windkraftanlagen offshore"}>
@@ -322,7 +320,7 @@ export const BaseMaps = () => {
 				<StationsLayer attribution={map.attributionControl} />
 			</LayersControl.Overlay>
 			<LayersControl.Overlay name={"OpenAIP"}>
-				<OpenAIP attribution={map.attributionControl} />
+				<OpenAIP />
 			</LayersControl.Overlay>
 
 			<LayersControl.BaseLayer name="OpenStreetMap Dark" checked>
@@ -348,7 +346,7 @@ export const BaseMaps = () => {
 			</LayersControl.BaseLayer>
 			<LayersControl.BaseLayer name="ESRI Satellite">
 				<LayerGroup>
-					<EsriSatellite attribution={map.attributionControl} />
+					<EsriSatellite />
 					<StrassentexteEsri />
 				</LayerGroup>
 			</LayersControl.BaseLayer>

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

@@ -1,5 +1,5 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import { OSMWay, Prisma } from "@repo/db";
+import { OSMWay } from "@repo/db";
 import { useDispatchConnectionStore } from "_store/dispatch/connectionStore";
 import { useMapStore } from "_store/mapStore";
 import { usePannelStore } from "_store/pannelStore";
@@ -8,8 +8,6 @@ import { getOsmAddress } from "_querys/osm";
 import { useEffect, useState } from "react";
 import toast from "react-hot-toast";
 import { Popup, useMap } from "react-leaflet";
-import { useMutation, useQueryClient } from "@tanstack/react-query";
-import { editMissionAPI } from "_querys/missions";
 import { findClosestPolygon } from "_helpers/findClosestPolygon";
 
 export const ContextMenu = () => {
@@ -22,8 +20,9 @@ export const ContextMenu = () => {
 		setSearchPopup,
 		toggleSearchElementSelection,
 	} = useMapStore();
-	const { missionFormValues, setMissionFormValues, setOpen, isOpen, editingMissionId } =
-		usePannelStore((state) => state);
+	const { missionFormValues, setMissionFormValues, setOpen, isOpen } = usePannelStore(
+		(state) => state,
+	);
 	const [showRulerOptions, setShowRulerOptions] = useState(false);
 	const [rulerHover, setRulerHover] = useState(false);
 	const [rulerOptionsHover, setRulerOptionsHover] = useState(false);

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

@@ -72,7 +72,7 @@ const MissionPopupContent = ({
 			default:
 				return <span className="text-gray-100">Error</span>;
 		}
-	}, [currentTab, mission]);
+	}, [currentTab, hpgNeedsAttention, mission]);
 
 	const setOpenMissionMarker = useMapStore((state) => state.setOpenMissionMarker);
 	const { anchor } = useSmartPopup();
@@ -350,6 +350,10 @@ const MissionMarker = ({ mission }: { mission: Mission }) => {
 		editingMissionId,
 		mission.addressLat,
 		mission.addressLng,
+		mission.hpgLocationLat,
+		mission.hpgLocationLng,
+		mission.hpgValidationState,
+		mission.id,
 		missionFormValues?.addressLat,
 		missionFormValues?.addressLng,
 	]);

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

@@ -8,7 +8,7 @@ import { useEffect } from "react";
 
 export const SearchElements = () => {
 	const { searchElements, openMissionMarker, setSearchElements } = useMapStore();
-	const { isOpen: pannelOpen, editingMissionId } = usePannelStore((state) => state);
+	const { isOpen: pannelOpen } = usePannelStore((state) => state);
 	const { data: missions } = useQuery({
 		queryKey: ["missions"],
 		queryFn: () =>
@@ -42,7 +42,7 @@ export const SearchElements = () => {
 				);
 			setSearchElements(elements.filter((e) => !!e));
 		}
-	}, [openMissionMarker, pannelOpen, missions]);
+	}, [openMissionMarker, pannelOpen, missions, setSearchElements]);
 
 	const SearchElement = ({ element }: { element: OSMWay }) => {
 		const { toggleSearchElementSelection } = useMapStore();

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

@@ -250,7 +250,7 @@ const StationTab = ({ aircraft }: { aircraft: ConnectedAircraft & { Station: Sta
 	const lstName = useMemo(() => {
 		if (!aircraft.posLng || !aircraft.posLat) return station.bosRadioArea;
 		return findLeitstelleForPosition(aircraft.posLng, aircraft.posLat);
-	}, [aircraft.posLng, aircraft.posLat]);
+	}, [aircraft.posLng, aircraft.posLat, station.bosRadioArea]);
 
 	return (
 		<div className="p-4 text-base-content">

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

@@ -18,7 +18,6 @@ import {
 	SmartphoneNfc,
 	CheckCheck,
 	Cross,
-	Radio,
 	Route,
 } from "lucide-react";
 import {
@@ -26,12 +25,9 @@ import {
 	HpgState,
 	HpgValidationState,
 	Mission,
-	MissionAlertLog,
-	MissionCompletedLog,
 	MissionLog,
 	MissionMessageLog,
 	Prisma,
-	Station,
 } from "@repo/db";
 import { usePannelStore } from "_store/pannelStore";
 import { useSession } from "next-auth/react";
@@ -143,13 +139,16 @@ const Einsatzdetails = ({
 											state: "finished",
 											missionLog: {
 												push: {
-													type: "completed-log",
-													auto: false,
-													timeStamp: new Date().toISOString(),
-													data: {
-														user: getPublicUser(session.data?.user, { ignorePrivacy: true }),
-													},
-												} as any,
+													toJSON: () => ({
+														type: "message-log",
+														auto: false,
+														timeStamp: new Date().toISOString(),
+														data: {
+															message: "Einsatz abgeschlossen",
+															user: getPublicUser(session.data.user, { ignorePrivacy: true }),
+														},
+													}),
+												},
 											},
 										},
 									});
@@ -408,11 +407,6 @@ const Rettungsmittel = ({ mission }: { mission: Mission }) => {
 		refetchMissionStationIds();
 	}, [mission.missionStationIds, refetchMissionStationIds]);
 
-	const { data: allStations } = useQuery({
-		queryKey: ["stations"],
-		queryFn: () => getStationsAPI(),
-	});
-
 	const sendAlertMutation = useMutation({
 		mutationKey: ["missions"],
 		mutationFn: ({
@@ -527,6 +521,7 @@ const Rettungsmittel = ({ mission }: { mission: Mission }) => {
 							menuPlacement="top"
 							className="min-w-[320px] flex-1"
 							isMulti={false}
+							// eslint-disable-next-line @typescript-eslint/no-explicit-any
 							onChange={(v: any) => {
 								setSelectedStation(v);
 							}}