PxlLoewe/var-monorepo
1
0
Fork 0
Code Issues 22 Pull Requests Actions Packages Projects Releases 2 Wiki Activity

Einsatzmaske fertig (until further)

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

15
apps/dispatch/app/dispatch/_components/pannel/MissionForm.tsx
View File

@@ -4,7 +4,7 @@ import { useForm, Controller } from "react-hook-form";
import { zodResolver } from "@hookform/resolvers/zod"; import { zodResolver } from "@hookform/resolvers/zod";
import { z } from "zod"; import { z } from "zod";
import { MissionSchema } from "@repo/db/zod"; import { MissionSchema } from "@repo/db/zod";
import { Trash2 } from "lucide-react"; import { BellRing, BookmarkPlus, Trash2 } from "lucide-react";
import { Select } from "_components/Select"; import { Select } from "_components/Select";
const clearBtn = () => { const clearBtn = () => {
@@ -200,10 +200,15 @@ export const MissionForm: React.FC = () => {
Du musst noch ein Gebäude auswählen, um den Einsatz zu erstellen. Du musst noch ein Gebäude auswählen, um den Einsatz zu erstellen.
</p> </p>
<div className="min-h-[140px]"> <div className="form-control min-h-[140px] max-w-[320px]">
<button type="submit" className="btn btn-primary"> <div className="flex gap-2">
Alarmieren <button type="submit" className="btn btn-warning">
</button> <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> </div>
</form> </form>
); );

7
apps/dispatch/app/dispatch/_components/pannel/Pannel.tsx
View File

@@ -1,6 +1,7 @@
import { usePannelStore } from "_store/pannelStore"; import { usePannelStore } from "_store/pannelStore";
import { cn } from "helpers/cn"; import { cn } from "helpers/cn";
import { MissionForm } from "./MissionForm"; import { MissionForm } from "./MissionForm";
import { Rss } from "lucide-react";
export const Pannel = () => { export const Pannel = () => {
const { isOpen, setOpen } = usePannelStore(); const { isOpen, setOpen } = usePannelStore();
@@ -8,9 +9,11 @@ export const Pannel = () => {
<div className={cn("flex-1 max-w-[600px] z-9999999")}> <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="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"> <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)}> <button className="btn" onClick={() => setOpen(false)}>
Schließen Abbrechen
</button> </button>
</div> </div>
<div className="divider m-0" /> <div className="divider m-0" />