feat: user blocking and content reporting/flagging

- user_blocks table (composite PK), Block/Unblock button on profiles. Blocking severs any existing follow relationship both ways and prevents the blocked party from following, commenting on the blocker's recipes, or the blocker from seeing their comments. - reports table (recipe/comment/user targets, pending/reviewed/ dismissed status). ReportButton on comments, admin review queue at /admin/reports with dismiss/mark-reviewed actions, audit-logged. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
2026-07-03 22:09:14 +02:00
parent a3f387fa2a
commit 57c29f62b4
19 changed files with 4441 additions and 14 deletions
@@ -0,0 +1,54 @@
+"use client";
+
+import { useState } from "react";
+import { useRouter } from "next/navigation";
+import { toast } from "sonner";
+import { Ban } from "lucide-react";
+import { Button } from "@/components/ui/button";
+
+export function BlockButton({
+  targetUsername,
+  initialBlocked = false,
+}: {
+  targetUsername: string;
+  initialBlocked?: boolean;
+}) {
+  const router = useRouter();
+  const [blocked, setBlocked] = useState(initialBlocked);
+  const [loading, setLoading] = useState(false);
+
+  async function toggle() {
+    if (!blocked && !confirm(`Block @${targetUsername}? They won't be able to follow you or comment on your recipes.`)) {
+      return;
+    }
+    setLoading(true);
+    try {
+      const res = await fetch(`/api/v1/users/${targetUsername}/block`, {
+        method: blocked ? "DELETE" : "POST",
+      });
+      if (!res.ok) {
+        const err = await res.json() as { error?: string };
+        toast.error(err.error ?? "Failed");
+        return;
+      }
+      setBlocked(!blocked);
+      toast.success(blocked ? "Unblocked" : "Blocked");
+      router.refresh();
+    } finally {
+      setLoading(false);
+    }
+  }
+
+  return (
+    <Button
+      variant="outline"
+      size="sm"
+      onClick={() => { void toggle(); }}
+      disabled={loading}
+      className={blocked ? "" : "text-destructive hover:text-destructive"}
+    >
+      <Ban className="h-3.5 w-3.5" />
+      {loading ? "…" : blocked ? "Unblock" : "Block"}
+    </Button>
+  );
+}