From 07d1f0883746a28b3890f1170ef45b598c38e35f Mon Sep 17 00:00:00 2001
From: nocnico <nicolas@syntaxdev.de>
Date: Sun, 18 May 2025 16:39:18 +0200
Subject: [PATCH] New Btn Layout for running Missions

---
 .../map/_components/MissionMarkerTabs.tsx     | 113 +++++++++++-------
 1 file changed, 71 insertions(+), 42 deletions(-)

diff --git a/apps/dispatch/app/dispatch/_components/map/_components/MissionMarkerTabs.tsx b/apps/dispatch/app/dispatch/_components/map/_components/MissionMarkerTabs.tsx
index a63f2705..ed5fcd90 100644
--- a/apps/dispatch/app/dispatch/_components/map/_components/MissionMarkerTabs.tsx
+++ b/apps/dispatch/app/dispatch/_components/map/_components/MissionMarkerTabs.tsx
@@ -61,9 +61,36 @@ const Einsatzdetails = ({ mission }: { mission: Mission }) => {
 	const { setMissionFormValues, setOpen } = usePannelStore((state) => state);
 	return (
 		<div className="p-4 text-base-content">
-			<h2 className="flex items-center gap-2 text-lg font-bold mb-3">
-				<Flag /> Einsatzdetails
-			</h2>
+			<div className="flex items-center justify-between mb-3">
+				<h2 className="flex items-center gap-2 text-lg font-bold">
+					<Flag /> Einsatzdetails
+				</h2>
+				{mission.state !== "draft" && (
+					<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);
+							}}
+						>
+							<Repeat2 size={16} />
+						</button>
+					</div>
+				)}
+			</div>
 			<ul className="text-base-content font-semibold">
 				<li className="flex items-center gap-2 mb-1">
 					<BellRing size={16} /> {mission.missionKeywordCategory}
@@ -90,46 +117,48 @@ const Einsatzdetails = ({ mission }: { mission: Mission }) => {
 					<LocateFixed size={16} /> {mission.addressZip} {mission.addressCity}
 				</p>
 			</div>
-			<div className="divider mt-0 mb-0" />
-			<div className="flex items-center gap-2 w-full">
-				<button
-					className="btn btn-sm btn-info btn-outline flex-3"
-					onClick={() => sendAlertMutation.mutate(mission.id)}
-				>
-					<span className="flex items-center gap-2">
-						<BellRing size={16} /> Alarmieren
-					</span>
-				</button>
+			{mission.state === "draft" && (
+				<div>
+					<div className="divider mt-0 mb-0" />
+					<div className="flex items-center gap-2 w-full">
+						<button
+							className="btn btn-sm btn-info btn-outline flex-3"
+							onClick={() => sendAlertMutation.mutate(mission.id)}
+						>
+							<span className="flex items-center gap-2">
+								<BellRing size={16} /> Alarmieren
+							</span>
+						</button>
 
-				<button
-					className="btn btn-sm 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={18} /> Daten übernehmen
-				</button>
-				{mission.state === "draft" && (
-					<button
-						className="btn btn-sm btn-error btn-outline"
-						onClick={() => {
-							deleteMissionMutation.mutate(mission.id);
-						}}
-					>
-						<Trash size={18} />
-					</button>
-				)}
-			</div>
+						<button
+							className="btn btn-sm 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={18} /> Daten übernehmen
+						</button>
+						<button
+							className="btn btn-sm btn-error btn-outline"
+							onClick={() => {
+								deleteMissionMutation.mutate(mission.id);
+							}}
+						>
+							<Trash size={18} />
+						</button>
+					</div>
+				</div>
+			)}
 		</div>
 	);
 };