Add commission types

src/app/commissions/page.tsx

@@ -0,0 +1,5 @@
+export default function CommissionPage() {
+  return (
+    <div>CommissionPage</div>
+  );
+}

src/app/commissions/types/[id]/page.tsx

@@ -0,0 +1,38 @@
+import EditTypeForm from "@/components/commissions/types/EditTypeForm";
+import { prisma } from "@/lib/prisma";
+
+export default async function CommissionTypesEditPage({ params }: { params: { id: string } }) {
+  const { id } = await params;
+  const commissionType = await prisma.commissionType.findUnique({
+    where: {
+      id,
+    },
+    include: {
+      options: { include: { option: true }, orderBy: { sortIndex: "asc" } },
+      extras: { include: { extra: true }, orderBy: { sortIndex: "asc" } },
+      customInputs: { include: { customInput: true }, orderBy: { sortIndex: "asc" } },
+    },
+  })
+  const options = await prisma.commissionOption.findMany({
+    orderBy: [{ sortIndex: "asc" }, { name: "asc" }],
+  });
+  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>
+      <div className="flex gap-4 justify-between pb-8">
+        <h1 className="text-2xl font-bold mb-4">Edit Commission Type</h1>
+      </div>
+      <EditTypeForm type={commissionType} allOptions={options} allExtras={extras} allCustomInputs={customInputs} />
+    </div>
+  );
+}

src/app/commissions/types/new/page.tsx

@@ -0,0 +1,24 @@
+import NewTypeForm from "@/components/commissions/types/NewTypeForm";
+import { prisma } from "@/lib/prisma";
+
+export default async function CommissionTypesNewPage() {
+  const options = await prisma.commissionOption.findMany({
+    orderBy: [{ sortIndex: "asc" }, { name: "asc" }],
+  });
+  const extras = await prisma.commissionExtra.findMany({
+    orderBy: [{ sortIndex: "asc" }, { name: "asc" }],
+  })
+  const customInputs = await prisma.commissionCustomInput.findMany({
+    orderBy: [{ sortIndex: "asc" }, { name: "asc" }],
+  })
+
+  return (
+    <div>
+      <div className="flex gap-4 justify-between pb-8">
+        <h1 className="text-2xl font-bold mb-4">New Commission Type</h1>
+      </div>
+      <NewTypeForm options={options} extras={extras} customInputs={customInputs} />
+    </div>
+
+  );
+}

src/app/commissions/types/page.tsx

@@ -0,0 +1,27 @@
+import ListTypes from "@/components/commissions/types/ListTypes";
+import { prisma } from "@/lib/prisma";
+import { PlusCircleIcon } from "lucide-react";
+import Link from "next/link";
+
+export default async function CommissionTypesPage() {
+  const types = await prisma.commissionType.findMany({
+    include: {
+      options: { include: { option: true }, orderBy: { sortIndex: "asc" } },
+      extras: { include: { extra: true }, orderBy: { sortIndex: "asc" } },
+      customInputs: { include: { customInput: true }, orderBy: { sortIndex: "asc" } },
+    },
+    orderBy: [{ sortIndex: "asc" }, { name: "asc" }],
+  });
+
+  return (
+    <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">
+          <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>}
+    </div>
+  );
+}