Fixed StationSelectBug, Fixed HPGNotificationGuf, see #45

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

@@ -110,7 +110,7 @@ const AircraftPopupContent = ({
 			/>
 			<div>
 				<div
-					className="flex gap-[2px] text-white pb-0.5"
+					className="flex gap-[2px] text-white pb-0.5 overflow-auto"
 					style={{
 						backgroundColor: `${FMS_STATUS_TEXT_COLORS[aircraft.fmsStatus]}`,
 					}}
@@ -152,21 +152,26 @@ const AircraftPopupContent = ({
 						{aircraft.fmsStatus}
 					</div>
 					<div
-						className="w-100 cursor-pointer px-2"
+						className="cursor-pointer px-2 min-w-[130px]"
 						style={{
 							backgroundColor: `${FMS_STATUS_COLORS[aircraft.fmsStatus]}`,
 							borderBottom:
 								currentTab === "aircraft"
 									? `5px solid ${FMS_STATUS_TEXT_COLORS[aircraft.fmsStatus]}`
 									: "5px solid transparent",
-							whiteSpace: "nowrap",
 						}}
 						onClick={() => handleTabChange("aircraft")}
 					>
-						<span className="text-white text-base font-medium">
-							{aircraft.Station.bosCallsign}
+						<span className="text-white text-base font-medium truncate">
+							{aircraft.Station.bosCallsign.length > 20
+								? aircraft.Station.bosCallsignShort
+								: aircraft.Station.bosCallsign}
+						</span>
+						<span className="text-sm text-gray-400">
 							<br />
-							{aircraft.Station.bosUse}
+							{aircraft.Station.bosUse === "DUAL_USE" && "(dual use)"}
+							{aircraft.Station.bosUse === "PRIMARY" && "(primär)"}
+							{aircraft.Station.bosUse === "SECONDARY" && "(sekundär)"}
 						</span>
 					</div>
 					<div
@@ -184,7 +189,7 @@ const AircraftPopupContent = ({
 						<span className="text-white text-base font-medium">Einsatz</span>
 						<br />
 						<span className="text-white text-sm font-medium">
-							{mission?.publicId || "Kein aktiver Einsatz"}
+							{mission?.publicId || "kein Einsatz"}
 						</span>
 					</div>
 					<div

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

@@ -73,7 +73,6 @@ const StationsLayer = ({ attribution }: { attribution: Control.Attribution }) =>
 		queryKey: ["stations"],
 		queryFn: () => getStationsAPI(),
 	});
-	console.log("StationsLayer: stations", stations);
 
 	const [selectedStations, setSelectedStations] = useState<Station["id"][]>([]);
 	const attributionText = "";
@@ -306,14 +305,6 @@ const WindfarmOutlineLayer = () => {
 
 export const BaseMaps = () => {
 	const map = useMap();
-	const isPannelOpen = usePannelStore((state) => state.isOpen);
-
-	useEffect(() => {
-		setTimeout(() => {
-			map.invalidateSize();
-		}, 600);
-	}, [isPannelOpen]);
-
 	return (
 		<LayersControl position="topleft">
 			<LayersControl.Overlay name={"Leitstellenbereiche"}>