Refactor requests, refactor users, add home dashboard

src/app/(admin)/commissions/page.tsx

@@ -1,9 +0,0 @@
-import { CommissionRequestsTable } from "@/components/commissions/CommissionRequestsTable";
-
-export default function CommissionPage() {
-  return (
-    <div>
-      <CommissionRequestsTable />
-    </div>
-  );
-}

src/app/(admin)/commissions/requests/[id]/page.tsx

@@ -12,15 +12,16 @@ export default async function CommissionRequestPage({
   if (!request) notFound();
 
   return (
-    <div className="mx-auto w-full max-w-5xl space-y-6 p-4 md:p-8">
-      <div className="space-y-1">
-        <h1 className="text-2xl font-semibold tracking-tight">Commission Request</h1>
-        <p className="text-sm text-muted-foreground">
-          Submitted: {new Date(request.createdAt).toLocaleString()} · ID: {request.id}
-        </p>
+    <div className="space-y-8">
+      <div className="flex flex-col gap-4">
+        <div>
+          <h1 className="text-2xl font-semibold">Commission Request</h1>
+          <p className="text-sm text-muted-foreground">
+            Submitted: {new Date(request.createdAt).toLocaleString()} · ID: {request.id}
+          </p>
+        </div>
+        <CommissionRequestEditor request={request as any} />
       </div>
-
-      <CommissionRequestEditor request={request as any} />
     </div>
   );
 }

src/app/(admin)/commissions/requests/page.tsx

@@ -0,0 +1,25 @@
+import RequestsTable from "@/components/commissions/requests/RequestsTable";
+import { prisma } from "@/lib/prisma";
+
+export default async function CommissionPage() {
+  const items = await prisma.commissionRequest.findMany({
+    include: {
+      _count: { select: { files: true } },
+    },
+    orderBy: { index: "desc" },
+  });
+
+  return (
+    <div className="space-y-8">
+      <div className="flex flex-col gap-4">
+        <div>
+          <h1 className="text-2xl font-semibold">Commission Requests</h1>
+          <p className="text-sm text-muted-foreground">
+            List of all incomming requests via website.
+          </p>
+        </div>
+        <RequestsTable requests={items} />
+      </div>
+    </div>
+  );
+}