Einsatzmaske fertig (until further)

This commit is contained in:
nocnico
2025-04-21 22:40:42 +02:00
parent 8084ef72c4
commit 391d216374
2 changed files with 15 additions and 7 deletions

View File

@@ -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>
);

View File

@@ -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" />