feat(02-02): add admin client list page and create-client flow

- /admin page: Server Component fetching all clients with payment badges - ClientRow component with Acconto/Saldo status badges and secret link - /admin/clients/new: form wired to createClient Server Action - createClient action: Zod validation, inserts client + 2 payment stubs (Acconto 50%, Saldo 50%) - Token auto-generated server-side via nanoid $defaultFn - Redirects to /admin/clients/[id] after creation; revalidates /admin
2026-05-15 18:18:22 +02:00
parent dbcd00ffd6
commit f77051a3fc
4 changed files with 253 additions and 0 deletions
@@ -0,0 +1,59 @@
+"use server";
+
+import { redirect } from "next/navigation";
+import { revalidatePath } from "next/cache";
+import { z } from "zod";
+import { db } from "@/db";
+import { clients, payments } from "@/db/schema";
+
+const createClientSchema = z.object({
+  name: z.string().min(1, "Nome richiesto"),
+  brand_name: z.string().min(1, "Nome brand richiesto"),
+  brief: z.string().min(1, "Brief richiesto"),
+});
+
+export async function createClient(formData: FormData) {
+  const raw = {
+    name: formData.get("name") as string,
+    brand_name: formData.get("brand_name") as string,
+    brief: formData.get("brief") as string,
+  };
+
+  const parsed = createClientSchema.safeParse(raw);
+  if (!parsed.success) {
+    // In v1 return errors as thrown string — form displays validation inline
+    throw new Error(
+      parsed.error.issues.map((i) => i.message).join(", ")
+    );
+  }
+
+  // Insert client — token and id are auto-generated by $defaultFn(() => nanoid())
+  const [newClient] = await db
+    .insert(clients)
+    .values({
+      name: parsed.data.name,
+      brand_name: parsed.data.brand_name,
+      brief: parsed.data.brief,
+    })
+    .returning({ id: clients.id, token: clients.token });
+
+  // Always create two payment stubs per client — Acconto 50% and Saldo 50%
+  // Amounts default to 0 until admin sets accepted_total; admin updates separately
+  await db.insert(payments).values([
+    {
+      client_id: newClient.id,
+      label: "Acconto 50%",
+      amount: "0",
+      status: "da_saldare",
+    },
+    {
+      client_id: newClient.id,
+      label: "Saldo 50%",
+      amount: "0",
+      status: "da_saldare",
+    },
+  ]);
+
+  revalidatePath("/admin");
+  redirect(`/admin/clients/${newClient.id}`);
+}
@@ -0,0 +1,69 @@
+import { createClient } from "./actions";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+import { Textarea } from "@/components/ui/textarea";
+import {
+  Card,
+  CardContent,
+  CardHeader,
+  CardTitle,
+} from "@/components/ui/card";
+import Link from "next/link";
+
+export default function NewClientPage() {
+  return (
+    <div className="max-w-xl">
+      <div className="mb-6">
+        <Link href="/admin" className="text-sm text-gray-500 hover:text-gray-700">
+          ← Clienti
+        </Link>
+      </div>
+      <Card>
+        <CardHeader>
+          <CardTitle>Nuovo cliente</CardTitle>
+        </CardHeader>
+        <CardContent>
+          <form action={createClient} className="space-y-4">
+            <div className="space-y-1">
+              <Label htmlFor="name">Nome cliente</Label>
+              <Input
+                id="name"
+                name="name"
+                type="text"
+                placeholder="es. Marco Rossi"
+                required
+              />
+            </div>
+            <div className="space-y-1">
+              <Label htmlFor="brand_name">Nome brand</Label>
+              <Input
+                id="brand_name"
+                name="brand_name"
+                type="text"
+                placeholder="es. Rossi Studio"
+                required
+              />
+            </div>
+            <div className="space-y-1">
+              <Label htmlFor="brief">Brief del progetto</Label>
+              <Textarea
+                id="brief"
+                name="brief"
+                placeholder="Descrizione del progetto e degli obiettivi..."
+                rows={5}
+                required
+              />
+            </div>
+            <div className="flex gap-3 pt-2">
+              <Button type="submit">Crea cliente</Button>
+              <Button variant="outline" asChild>
+                <Link href="/admin">Annulla</Link>
+              </Button>
+            </div>
+          </form>
+        </CardContent>
+      </Card>
+    </div>
+  );
+}