Add non-destructive dev seed on startup

2026-05-06 22:31:07 +02:00
parent 9f452fccac
commit b686e714ff
77 changed files with 10862 additions and 87 deletions
@@ -0,0 +1,97 @@
+"use client";
+
+import { useState, useTransition } from "react";
+import { AlertTriangle } from "lucide-react";
+import { toast } from "sonner";
+import { signOut } from "next-auth/react";
+
+import { Button } from "@/components/ui/button";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+  DialogTrigger,
+} from "@/components/ui/dialog";
+import { Input } from "@/components/ui/input";
+import { deleteMyAccount } from "../actions";
+
+export function DeleteAccountDialog() {
+  const [open, setOpen] = useState(false);
+  const [confirmText, setConfirmText] = useState("");
+  const [isPending, startTransition] = useTransition();
+
+  const isConfirmed = confirmText === "LÖSCHEN";
+
+  const handleDelete = () => {
+    if (!isConfirmed) return;
+
+    startTransition(async () => {
+      const res = await deleteMyAccount();
+      if (res.error) {
+        toast.error(res.error);
+      } else {
+        toast.success("Account wurde gelöscht. Du wirst abgemeldet...");
+        // Sign out client-side and redirect to landing page
+        await signOut({ callbackUrl: "/" });
+      }
+    });
+  };
+
+  return (
+    <Dialog open={open} onOpenChange={setOpen}>
+      <DialogTrigger asChild>
+        <Button variant="destructive" className="w-full sm:w-auto">
+          <AlertTriangle className="h-4 w-4 mr-2" />
+          Account & Daten endgültig löschen
+        </Button>
+      </DialogTrigger>
+      <DialogContent className="border-destructive/30">
+        <DialogHeader>
+          <DialogTitle className="text-destructive flex items-center gap-2">
+            <AlertTriangle className="h-5 w-5" />
+            Gefahrenzone: Account löschen
+          </DialogTitle>
+          <DialogDescription className="text-base pt-2">
+            Diese Aktion kann <strong className="text-foreground">nicht</strong> rückgängig gemacht werden. 
+            Alle deine personenbezogenen Daten, Verknüpfungen zu deinen Kindern, gebuchten Notdienste 
+            und Mitbringsel-Einträge werden DSGVO-konform sofort und unwiderruflich aus der Datenbank gelöscht.
+          </DialogDescription>
+        </DialogHeader>
+        
+        <div className="bg-destructive/10 text-destructive-foreground p-3 text-sm rounded-md my-2 border border-destructive/20">
+          Bitte tippe das Wort <strong>LÖSCHEN</strong> in das Feld unten ein, um den Vorgang zu bestätigen.
+        </div>
+
+        <div className="grid gap-2 py-4">
+          <Input 
+            value={confirmText}
+            onChange={(e) => setConfirmText(e.target.value)}
+            placeholder="LÖSCHEN"
+            className="border-destructive/50 focus-visible:ring-destructive"
+          />
+        </div>
+
+        <DialogFooter>
+          <Button 
+            type="button" 
+            variant="ghost" 
+            onClick={() => setOpen(false)}
+            disabled={isPending}
+          >
+            Abbrechen
+          </Button>
+          <Button 
+            variant="destructive" 
+            onClick={handleDelete}
+            disabled={!isConfirmed || isPending}
+          >
+            {isPending ? "Wird gelöscht..." : "Endgültig löschen"}
+          </Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  );
+}