From 391d21637415d6da66df8c5e462c71229c3070f8 Mon Sep 17 00:00:00 2001
From: nocnico <nicolas@syntaxdev.de>
Date: Mon, 21 Apr 2025 22:40:42 +0200
Subject: [PATCH] Einsatzmaske fertig (until further)

---
 .../dispatch/_components/pannel/MissionForm.tsx   | 15 ++++++++++-----
 .../app/dispatch/_components/pannel/Pannel.tsx    |  7 +++++--
 2 files changed, 15 insertions(+), 7 deletions(-)

diff --git a/apps/dispatch/app/dispatch/_components/pannel/MissionForm.tsx b/apps/dispatch/app/dispatch/_components/pannel/MissionForm.tsx
index 2b1be5bf..95f39d37 100644
--- a/apps/dispatch/app/dispatch/_components/pannel/MissionForm.tsx
+++ b/apps/dispatch/app/dispatch/_components/pannel/MissionForm.tsx
@@ -4,7 +4,7 @@ import { useForm, Controller } from "react-hook-form";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { z } from "zod";
 import { MissionSchema } from "@repo/db/zod";
-import { Trash2 } from "lucide-react";
+import { BellRing, BookmarkPlus, Trash2 } from "lucide-react";
 import { Select } from "_components/Select";
 
 const clearBtn = () => {
@@ -200,10 +200,15 @@ export const MissionForm: React.FC = () => {
 				Du musst noch ein Gebäude auswählen, um den Einsatz zu erstellen.
 			</p>
 
-			<div className="min-h-[140px]">
-				<button type="submit" className="btn btn-primary">
-					Alarmieren
-				</button>
+			<div className="form-control min-h-[140px] max-w-[320px]">
+				<div className="flex gap-2">
+					<button type="submit" className="btn btn-warning">
+						<BellRing className="h-4 w-4" /> Alarmieren
+					</button>
+					<button type="submit" className="btn btn-primary btn-block">
+						<BookmarkPlus className="h-5 w-5" /> Einsatz vorbereiten
+					</button>
+				</div>
 			</div>
 		</form>
 	);
diff --git a/apps/dispatch/app/dispatch/_components/pannel/Pannel.tsx b/apps/dispatch/app/dispatch/_components/pannel/Pannel.tsx
index 07322d7a..4347bec8 100644
--- a/apps/dispatch/app/dispatch/_components/pannel/Pannel.tsx
+++ b/apps/dispatch/app/dispatch/_components/pannel/Pannel.tsx
@@ -1,6 +1,7 @@
 import { usePannelStore } from "_store/pannelStore";
 import { cn } from "helpers/cn";
 import { MissionForm } from "./MissionForm";
+import { Rss } from "lucide-react";
 
 export const Pannel = () => {
 	const { isOpen, setOpen } = usePannelStore();
@@ -8,9 +9,11 @@ export const Pannel = () => {
 		<div className={cn("flex-1 max-w-[600px] z-9999999")}>
 			<div className="bg-base-100 min-h-screen h-full max-h-screen w-full overflow-auto">
 				<div className="flex flex-row justify-between items-center p-4">
-					<h1 className="text-xl font-bold">Neuer Einsatz</h1>
+					<h1 className="text-xl font-bold flex items-center gap-2">
+						<Rss /> Neuer Einsatz
+					</h1>
 					<button className="btn" onClick={() => setOpen(false)}>
-						Schließen
+						Abbrechen
 					</button>
 				</div>
 				<div className="divider m-0" />