Lösch-Bestätigung (AlertDialog)
Jeder Löschvorgang in der Hausmeter-App muss durch einen modalen Bestätigungsdialog abgesichert werden, damit versehentliches Löschen verhindert wird.
Komponente
Section titled “Komponente”Verwende ausschließlich den AlertDialog von shadcn/ui (@/components/ui/alert-dialog).
Aufbau
Section titled “Aufbau”| Element | Inhalt |
|---------|--------|
| Titel | Klar benennen, was gelöscht wird |
| Beschreibung | Konsequenzen erklären |
| Abbrechen-Button | AlertDialogCancel — Standard-Styling |
| Bestätigen-Button | AlertDialogAction mit variant="destructive" — Terracotta-Rot |
Regeln
Section titled “Regeln”- Kein
window.confirm()— ImmerAlertDialogverwenden - Button-Text konkret — „Endgültig löschen”, nicht nur „OK” oder „Ja”
variant="destructive"ist Pflicht auf dem Bestätigungsbutton- Beschreibung nennt Konsequenzen — Was wird mitgelöscht?
- Fokus auf Abbrechen — Der sichere Weg soll der Standard sein
- Deutsche Texte — Dialog-Texte immer auf Deutsch (Du-Ansprache)
Wann anwenden
Section titled “Wann anwenden”- Löschen von Entitäten (Zähler, Mieter, Gebäude, Wohnungen)
- Entfernen von Zuordnungen (Vertrag kündigen, Karte entfernen)
- Stornieren von Abrechnungsläufen
- Jede destruktive Aktion, die nicht trivial rückgängig gemacht werden kann