From 134046ff5a144d52e3da3a076072f8721a8d26e5 Mon Sep 17 00:00:00 2001
From: cfngc4594 <cfngc4594@gmail.com>
Date: Fri, 7 Mar 2025 15:52:11 +0800
Subject: [PATCH] feat(problemset): add page to display published problems in a
 table

---
 src/app/(app)/problemset/page.tsx | 40 +++++++++++++++++++++++++++++++
 1 file changed, 40 insertions(+)
 create mode 100644 src/app/(app)/problemset/page.tsx

diff --git a/src/app/(app)/problemset/page.tsx b/src/app/(app)/problemset/page.tsx
new file mode 100644
index 0000000..0eb6b77
--- /dev/null
+++ b/src/app/(app)/problemset/page.tsx
@@ -0,0 +1,40 @@
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from "@/components/ui/table";
+import prisma from "@/lib/prisma";
+
+export default async function ProblemsetPage() {
+  const problems = await prisma.problem.findMany({
+    where: { published: true },
+  });
+
+  return (
+    <Table>
+      <TableHeader className="bg-transparent">
+        <TableRow className="hover:bg-transparent">
+          <TableHead className="w-1/3">Id</TableHead>
+          <TableHead className="w-1/3">Title</TableHead>
+          <TableHead className="w-1/3">Difficulty</TableHead>
+        </TableRow>
+      </TableHeader>
+      <tbody aria-hidden="true" className="table-row h-2"></tbody>
+      <TableBody className="[&_td:first-child]:rounded-l-lg [&_td:last-child]:rounded-r-lg">
+        {problems.map((problem) => (
+          <TableRow
+            key={problem.id}
+            className="odd:bg-muted/50 odd:hover:bg-muted/50 border-none hover:bg-transparent"
+          >
+            <TableCell className="py-2.5">{problem.id}</TableCell>
+            <TableCell className="py-2.5">{problem.title}</TableCell>
+            <TableCell className="py-2.5">{problem.difficulty}</TableCell>
+          </TableRow>
+        ))}
+      </TableBody>
+    </Table>
+  );
+}