feat(frontend): Leerer-Zustand-Komponente für alle Listenseiten
Neue gemeinsame EmptyState-Komponente (Icon in Kreis, Titel, Beschreibung,
gestrichelter Rahmen) und Einbindung auf allen 9 Listenseiten mit Tabellen
(Völker, Bienenstände, Königinnen, Aufgaben, Honigchargen, Benutzer,
Inventar, Produkte, Lager mit Behältern und Artikeln).
Bug behoben: Bei leerem Datensatz wurde bisher nur eine Tabelle mit
Kopfzeile und keinerlei Inhalt oder Erklärung angezeigt – wirkte wie ein
Ladefehler statt eines normalen "noch keine Daten"-Zustands. Besonders
für neurodivergente Nutzer wichtig, da Unklarheit über den Systemzustand
("ist das kaputt oder einfach leer?") unnötige kognitive Last erzeugt.
This commit is contained in:
1 parent
fc88c272ae
commit
ebfbd2ef6d
10 files changed
+121
-11
No files matched your search
@@ -10,6 +10,7 @@ import { Button } from "@/components/ui/button";
|
||||
import { Badge } from "@/components/ui/badge";
|
||||
import { Input } from "@/components/ui/input";
|
||||
import { PageHeader } from "@/components/page-header";
|
||||
import { EmptyState } from "@/components/empty-state";
|
||||
import {
|
||||
Select,
|
||||
SelectContent,
|
||||
@@ -77,7 +78,15 @@ export default function ApiariesPage() {
|
||||
</p>
|
||||
) : null}
|
||||
|
||||
{apiaries ? (
|
||||
{apiaries && apiaries.length === 0 ? (
|
||||
<EmptyState
|
||||
icon={MapPin}
|
||||
title="Noch keine Bienenstände"
|
||||
description="Lege deinen ersten Bienenstand an, um Völker zuzuordnen."
|
||||
/>
|
||||
) : null}
|
||||
|
||||
{apiaries && apiaries.length > 0 ? (
|
||||
<Table>
|
||||
<TableHeader>
|
||||
<TableRow>
|
||||
|
||||
Reference in new issue
Block a user