Refactor code

src/app/(admin)/commissions/custom-cards/[id]/page.tsx

@@ -1,8 +1,8 @@
-import { listCommissionCustomCardImages } from "@/actions/commissions/customCards/images";
 import EditCustomCardForm from "@/components/commissions/customCards/EditCustomCardForm";
 import { prisma } from "@/lib/prisma";
 import { notFound } from "next/navigation";
 
+// Edit custom commission card page.
 export default async function CommissionCustomCardEditPage({
   params,
 }: {
@@ -10,7 +10,7 @@ export default async function CommissionCustomCardEditPage({
 }) {
   const { id } = await params;
 
-  const [card, options, extras, images, tags] = await Promise.all([
+  const [card, options, extras, tags] = await Promise.all([
     prisma.commissionCustomCard.findUnique({
       where: { id },
       include: {
@@ -21,7 +21,6 @@ export default async function CommissionCustomCardEditPage({
     }),
     prisma.commissionOption.findMany({ orderBy: [{ sortIndex: "asc" }, { name: "asc" }] }),
     prisma.commissionExtra.findMany({ orderBy: [{ sortIndex: "asc" }, { name: "asc" }] }),
-    listCommissionCustomCardImages(),
     prisma.tag.findMany({ orderBy: [{ sortIndex: "asc" }, { name: "asc" }] }),
   ]);
 
@@ -38,7 +37,6 @@ export default async function CommissionCustomCardEditPage({
         card={card}
         allOptions={options}
         allExtras={extras}
-        images={images}
         allTags={tags}
       />
     </div>

src/app/(admin)/commissions/custom-cards/new/page.tsx

@@ -1,12 +1,11 @@
-import { listCommissionCustomCardImages } from "@/actions/commissions/customCards/images";
 import NewCustomCardForm from "@/components/commissions/customCards/NewCustomCardForm";
 import { prisma } from "@/lib/prisma";
 
+// New custom commission card page.
 export default async function CommissionCustomCardsNewPage() {
-  const [options, extras, images, tags] = await Promise.all([
+  const [options, extras, tags] = await Promise.all([
     prisma.commissionOption.findMany({ orderBy: [{ sortIndex: "asc" }, { name: "asc" }] }),
     prisma.commissionExtra.findMany({ orderBy: [{ sortIndex: "asc" }, { name: "asc" }] }),
-    listCommissionCustomCardImages(),
     prisma.tag.findMany({ orderBy: [{ sortIndex: "asc" }, { name: "asc" }] }),
   ]);
 
@@ -15,7 +14,7 @@ export default async function CommissionCustomCardsNewPage() {
       <div className="flex gap-4 justify-between pb-8">
         <h1 className="text-2xl font-bold mb-4">New Custom Commission Card</h1>
       </div>
-      <NewCustomCardForm options={options} extras={extras} images={images} tags={tags} />
+      <NewCustomCardForm options={options} extras={extras} tags={tags} />
     </div>
   );
 }

src/app/(admin)/commissions/custom-cards/page.tsx

@@ -3,6 +3,7 @@ import { prisma } from "@/lib/prisma";
 import { PlusCircleIcon } from "lucide-react";
 import Link from "next/link";
 
+// Custom commission cards list page.
 export default async function CommissionCustomCardsPage() {
   const cards = await prisma.commissionCustomCard.findMany({
     include: {

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

@@ -2,6 +2,7 @@ import { listCommissionExamples } from "@/actions/commissions/examples";
 import { getActiveGuidelines } from "@/actions/commissions/guidelines/getGuidelines";
 import GuidelinesEditor from "@/components/commissions/guidelines/Editor";
 
+// Admin page for editing commission guidelines.
 export default async function CommissionGuidelinesPage() {
   const [{ markdown, exampleImageUrl }, examples] = await Promise.all([
     getActiveGuidelines(),

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

@@ -4,6 +4,7 @@ import { prisma } from "@/lib/prisma";
 
 import type { BoardItem, ColumnsState } from "@/types/Board";
 
+// Admin kanban page for commission requests.
 export default async function CommissionsBoardPage() {
   const requests = await prisma.commissionRequest.findMany({
     where: {

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

@@ -2,6 +2,7 @@ import { getCommissionRequestById } from "@/actions/commissions/requests/getComm
 import { CommissionRequestEditor } from "@/components/commissions/requests/CommissionRequestEditor";
 import { notFound } from "next/navigation";
 
+// Admin page for editing a single commission request.
 export default async function CommissionRequestPage({
   params,
 }: {
@@ -20,7 +21,7 @@ export default async function CommissionRequestPage({
             Submitted: {new Date(request.createdAt).toLocaleString()} · ID: {request.id}
           </p>
         </div>
-        <CommissionRequestEditor request={request as any} />
+        <CommissionRequestEditor request={request} />
       </div>
     </div>
   );

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

@@ -1,6 +1,7 @@
 import RequestsTable from "@/components/commissions/requests/RequestsTable";
 import { prisma } from "@/lib/prisma";
 
+// Server-rendered commissions list page.
 export default async function CommissionPage() {
   const items = await prisma.commissionRequest.findMany({
     include: {
@@ -15,11 +16,11 @@ export default async function CommissionPage() {
         <div>
           <h1 className="text-2xl font-semibold">Commission Requests</h1>
           <p className="text-sm text-muted-foreground">
-            List of all incomming requests via website.
+            List of all incoming requests via website.
           </p>
         </div>
         <RequestsTable requests={items} />
       </div>
     </div>
   );
-}
+}

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

@@ -1,6 +1,7 @@
 import EditTypeForm from "@/components/commissions/types/EditTypeForm";
 import { prisma } from "@/lib/prisma";
 
+// Edit commission type page.
 export default async function CommissionTypesEditPage({ params }: { params: { id: string } }) {
   const { id } = await params;
   const commissionType = await prisma.commissionType.findUnique({
@@ -13,7 +14,7 @@ export default async function CommissionTypesEditPage({ params }: { params: { id
       customInputs: { include: { customInput: true }, orderBy: { sortIndex: "asc" } },
       tags: true,
     },
-  })
+  });
   const tags = await prisma.tag.findMany({
     orderBy: [{ sortIndex: "asc" }, { name: "asc" }],
   });
@@ -22,13 +23,10 @@ export default async function CommissionTypesEditPage({ params }: { params: { id
   });
   const extras = await prisma.commissionExtra.findMany({
     orderBy: [{ sortIndex: "asc" }, { name: "asc" }],
-  })
-  // const customInputs = await prisma.commissionCustomInput.findMany({
-  //   orderBy: [{ sortIndex: "asc" }, { name: "asc" }],
-  // })
+  });
 
   if (!commissionType) {
-    return <div>Type not found</div>
+    return <div>Type not found</div>;
   }
 
   return (

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

@@ -1,10 +1,11 @@
 import { ExtraListClient } from "@/components/commissions/extras/ExtraListClient";
 import { prisma } from "@/lib/prisma";
 
+// Admin page for managing commission extras.
 export default async function CommissionTypesExtrasPage() {
   const extras = await prisma.commissionExtra.findMany({
     orderBy: [{ createdAt: "asc" }, { name: "asc" }],
   });
 
   return <ExtraListClient extras={extras} />;
-}
+}

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

@@ -1,6 +1,7 @@
 import NewTypeForm from "@/components/commissions/types/NewTypeForm";
 import { prisma } from "@/lib/prisma";
 
+// Create new commission type page.
 export default async function CommissionTypesNewPage() {
   const tags = await prisma.tag.findMany({
     orderBy: [{ sortIndex: "asc" }, { name: "asc" }],
@@ -10,10 +11,10 @@ export default async function CommissionTypesNewPage() {
   });
   const extras = await prisma.commissionExtra.findMany({
     orderBy: [{ sortIndex: "asc" }, { name: "asc" }],
-  })
+  });
   const customInputs = await prisma.commissionCustomInput.findMany({
     orderBy: [{ sortIndex: "asc" }, { name: "asc" }],
-  })
+  });
 
   return (
     <div>
@@ -27,6 +28,5 @@ export default async function CommissionTypesNewPage() {
         tags={tags}
       />
     </div>
-
   );
 }

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

@@ -1,10 +1,11 @@
 import { OptionsListClient } from "@/components/commissions/options/OptionsListClient";
 import { prisma } from "@/lib/prisma";
 
+// Admin page for managing commission options.
 export default async function CommissionTypesOptionsPage() {
   const options = await prisma.commissionOption.findMany({
     orderBy: [{ createdAt: "asc" }, { name: "asc" }],
   });
 
   return <OptionsListClient options={options} />;
-}
+}

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

@@ -3,6 +3,7 @@ import { prisma } from "@/lib/prisma";
 import { PlusCircleIcon } from "lucide-react";
 import Link from "next/link";
 
+// Commission types list page.
 export default async function CommissionTypesPage() {
   const types = await prisma.commissionType.findMany({
     include: {
@@ -17,11 +18,18 @@ export default async function CommissionTypesPage() {
     <div>
       <div className="flex gap-4 justify-between pb-8">
         <h1 className="text-2xl font-bold mb-4">Commission Types</h1>
-        <Link href="/commissions/types/new" className="flex gap-2 items-center cursor-pointer bg-primary hover:bg-primary/90 text-primary-foreground px-4 py-2 rounded">
+        <Link
+          href="/commissions/types/new"
+          className="flex gap-2 items-center cursor-pointer bg-primary hover:bg-primary/90 text-primary-foreground px-4 py-2 rounded"
+        >
           <PlusCircleIcon className="h-[1.2rem] w-[1.2rem] scale-100 rotate-0 transition-all text-primary-foreground" /> Add new Type
         </Link>
       </div>
-      {types && types.length > 0 ? <ListTypes types={types} /> : <p className="text-muted-foreground italic">No types found.</p>}
+      {types && types.length > 0 ? (
+        <ListTypes types={types} />
+      ) : (
+        <p className="text-muted-foreground italic">No types found.</p>
+      )}
     </div>
   );
 }