feat(frontend): PageHeader mit Icon auf allen 13 "Neu"-Formularseiten
Ersetzt die bisherige schlichte CardTitle-Überschrift durch die gemeinsame PageHeader-Komponente (Icon-Badge im passenden Gradient, Titel, kurze Beschreibung) auf allen Formularseiten zum Anlegen neuer Datensätze (Bienenstände, Völker, Königinnen, Aufgaben, Produkte, Inventar, Schleuderungen, Abfüllungen, Durchsichten, Varroamessungen, Behandlungen, Fütterungen, Ernten). Konsistent zum bereits überarbeiteten Look der Listen- und Detailseiten; die Beschreibungszeile gibt zusätzlich beim Öffnen sofort Kontext, was die Seite tut – hilfreich für Nutzer, die schnell zwischen vielen Formularen wechseln.
This commit is contained in:
1 parent
ebfbd2ef6d
commit
e889edd6c5
13 files changed
+123
-80
No files matched your search
@@ -5,6 +5,7 @@ import { useRouter, useSearchParams } from "next/navigation";
|
||||
import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
|
||||
import { fetchHoneyBatches } from "@/lib/honey-batches/api";
|
||||
import { fetchProducts } from "@/lib/products/api";
|
||||
import { Package } from "lucide-react";
|
||||
import { createBottlingBatch } from "@/lib/bottling/api";
|
||||
import { Button } from "@/components/ui/button";
|
||||
import { Input } from "@/components/ui/input";
|
||||
@@ -16,7 +17,8 @@ import {
|
||||
SelectTrigger,
|
||||
SelectValue,
|
||||
} from "@/components/ui/select";
|
||||
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
|
||||
import { PageHeader } from "@/components/page-header";
|
||||
import { Card, CardContent } from "@/components/ui/card";
|
||||
|
||||
export default function NewBottlingBatchPage() {
|
||||
const router = useRouter();
|
||||
@@ -68,11 +70,13 @@ export default function NewBottlingBatchPage() {
|
||||
}
|
||||
|
||||
return (
|
||||
<main className="p-4 sm:p-6">
|
||||
<main className="flex flex-col gap-4 p-4 sm:p-6">
|
||||
<PageHeader
|
||||
icon={Package}
|
||||
title="Neue Abfüllung"
|
||||
description="Fülle eine Honigcharge in Gläser ab."
|
||||
/>
|
||||
<Card className="max-w-lg">
|
||||
<CardHeader>
|
||||
<CardTitle>Neue Abfüllung</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
<form className="flex flex-col gap-4" onSubmit={handleSubmit}>
|
||||
<div className="flex flex-col gap-2">
|
||||
|
||||
Reference in new issue
Block a user