Implement local browser caching for shared groups and UI improvements

src/app/api/material-groups/route.ts

@@ -0,0 +1,56 @@
+import { NextRequest, NextResponse } from "next/server";
+import { prisma } from "@/lib/db";
+
+export async function GET(request: NextRequest) {
+  const { searchParams } = new URL(request.url);
+  const classId = searchParams.get("classId");
+  const type = searchParams.get("type");
+
+  if (!classId) {
+    return NextResponse.json({ error: "classId is required" }, { status: 400 });
+  }
+
+  if (type && type !== "DECK" && type !== "QUIZ") {
+    return NextResponse.json({ error: "Invalid type" }, { status: 400 });
+  }
+
+  const whereClause: any = { classId };
+  if (type) {
+    whereClause.type = type;
+  }
+
+  try {
+    const groups = await prisma.materialGroup.findMany({
+      where: whereClause,
+      orderBy: { sortOrder: "asc" },
+    });
+    return NextResponse.json(groups);
+  } catch (error) {
+    return NextResponse.json({ error: "Failed to fetch material groups" }, { status: 500 });
+  }
+}
+
+export async function POST(request: NextRequest) {
+  try {
+    const body = await request.json();
+    const { classId, name, type } = body;
+
+    if (!classId || !name || (type !== "DECK" && type !== "QUIZ")) {
+      return NextResponse.json({ error: "Invalid input" }, { status: 400 });
+    }
+
+    const maxOrder = await prisma.materialGroup.aggregate({
+      where: { classId, type },
+      _max: { sortOrder: true },
+    });
+    const sortOrder = (maxOrder._max.sortOrder ?? -1) + 1;
+
+    const group = await prisma.materialGroup.create({
+      data: { classId, name, type, sortOrder },
+    });
+
+    return NextResponse.json(group, { status: 201 });
+  } catch (error) {
+    return NextResponse.json({ error: "Failed to create material group" }, { status: 500 });
+  }
+}