feat: add CRUD forms with Server Actions for establishments, users, classes, students

2026-06-06 20:08:17 +00:00
parent 0a73a70820
commit a1883080d3
26 changed files with 1206 additions and 16 deletions
@@ -0,0 +1,31 @@
+"use client";
+
+import { useState } from "react";
+import { Button } from "@/components/ui/button";
+import { Dialog, DialogContent, DialogHeader, DialogTitle } from "@/components/ui/dialog";
+import { deleteStudent } from "./actions";
+
+export function DeleteStudentDialog({ studentId, studentName }: { studentId: string; studentName: string }) {
+  const [open, setOpen] = useState(false);
+
+  return (
+    <>
+      <Button variant="destructive" onClick={() => setOpen(true)}>Supprimer</Button>
+      <Dialog open={open} onOpenChange={setOpen}>
+        <DialogContent>
+          <DialogHeader>
+            <DialogTitle>Supprimer l'étudiant</DialogTitle>
+          </DialogHeader>
+          <p>Êtes-vous sûr de vouloir supprimer <strong>{studentName}</strong> ? Cette action est irréversible.</p>
+          <div className="flex justify-end gap-2">
+            <Button variant="outline" onClick={() => setOpen(false)}>Annuler</Button>
+            <form action={deleteStudent}>
+              <input type="hidden" name="id" value={studentId} />
+              <Button type="submit" variant="destructive">Supprimer</Button>
+            </form>
+          </div>
+        </DialogContent>
+      </Dialog>
+    </>
+  );
+}
@@ -0,0 +1,60 @@
+"use server";
+
+import { prisma } from "@/lib/prisma";
+import { getServerSession } from "next-auth/next";
+import { authOptions } from "@/lib/auth-config";
+import { redirect } from "next/navigation";
+
+function generateCode(): string {
+  const chars = "ABCDEFGHJKLMNPQRSTUVWXYZ23456789";
+  let code = "";
+  for (let i = 0; i < 6; i++) {
+    code += chars.charAt(Math.floor(Math.random() * chars.length));
+  }
+  return code;
+}
+
+export async function deleteStudent(formData: FormData) {
+  const session = await getServerSession(authOptions);
+  if (!session?.user) redirect("/login");
+  if (!session.user.establishmentId && session.user.role !== "superadmin") redirect("/dashboard");
+
+  const id = formData.get("id") as string;
+  if (!id) return;
+
+  const establishmentId = session.user.establishmentId;
+  await prisma.student.deleteMany({
+    where: {
+      id,
+      class: establishmentId ? { establishmentId } : undefined,
+    },
+  });
+
+  redirect("/dashboard/students");
+}
+
+export async function generateActivationCodeAction(formData: FormData) {
+  const session = await getServerSession(authOptions);
+  if (!session?.user) redirect("/login");
+  if (!session.user.establishmentId && session.user.role !== "superadmin") redirect("/dashboard");
+
+  const id = formData.get("id") as string;
+  if (!id) return;
+
+  const establishmentId = session.user.establishmentId;
+  const student = await prisma.student.findFirst({
+    where: {
+      id,
+      class: establishmentId ? { establishmentId } : undefined,
+    },
+  });
+
+  if (!student) return;
+
+  await prisma.student.update({
+    where: { id },
+    data: { activationCode: generateCode() },
+  });
+
+  redirect(`/dashboard/students/${id}`);
+}
@@ -0,0 +1,61 @@
+import { prisma } from "@/lib/prisma";
+import { getServerSession } from "next-auth/next";
+import { authOptions } from "@/lib/auth-config";
+import { redirect, notFound } from "next/navigation";
+import { Card, CardContent } from "@/components/ui/card";
+import { Badge } from "@/components/ui/badge";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { DeleteStudentDialog } from "./DeleteStudentDialog";
+import { generateActivationCodeAction } from "./actions";
+
+export const dynamic = "force-dynamic";
+
+export default async function StudentDetailPage({ params }: { params: { id: string } }) {
+  const session = await getServerSession(authOptions);
+  if (!session?.user) redirect("/login");
+  if (!session.user.establishmentId && session.user.role !== "superadmin") redirect("/dashboard");
+
+  const establishmentId = session.user.establishmentId;
+  const student = await prisma.student.findFirst({
+    where: {
+      id: params.id,
+      class: establishmentId ? { establishmentId } : undefined,
+    },
+    include: { class: true },
+  });
+
+  if (!student) notFound();
+
+  return (
+    <div className="space-y-6">
+      <div className="flex items-center justify-between">
+        <h1 className="text-3xl font-bold">{student.firstName} {student.lastName}</h1>
+        <DeleteStudentDialog studentId={student.id} studentName={`${student.firstName} ${student.lastName}`} />
+      </div>
+      <Card>
+        <CardContent className="pt-6 space-y-4">
+          <div className="flex items-center gap-2">
+            <span className="text-sm font-medium text-muted-foreground">Email :</span>
+            <span>{student.email}</span>
+          </div>
+          <div className="flex items-center gap-2">
+            <span className="text-sm font-medium text-muted-foreground">Classe :</span>
+            <Badge variant="secondary">{student.class.name} ({student.class.level})</Badge>
+          </div>
+          <div className="flex items-center gap-2">
+            <span className="text-sm font-medium text-muted-foreground">Code d'activation :</span>
+            {student.activationCode ? (
+              <Input value={student.activationCode} readOnly className="w-32 text-center font-mono" />
+            ) : (
+              <form action={generateActivationCodeAction} className="flex items-center gap-2">
+                <input type="hidden" name="id" value={student.id} />
+                <Button type="submit" variant="outline" size="sm">Générer code</Button>
+              </form>
+            )}
+          </div>
+        </CardContent>
+      </Card>
+    </div>
+  );
+}