Add tags to commssion types and custom types. Add button for example images to cards

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

@@ -10,17 +10,19 @@ export default async function CommissionCustomCardEditPage({
 }) {
   const { id } = await params;
 
-  const [card, options, extras, images] = await Promise.all([
+  const [card, options, extras, images, tags] = await Promise.all([
     prisma.commissionCustomCard.findUnique({
       where: { id },
       include: {
         options: { orderBy: { sortIndex: "asc" } },
         extras: { orderBy: { sortIndex: "asc" } },
+        tags: true,
       },
     }),
     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" }] }),
   ]);
 
   if (!card) {
@@ -37,6 +39,7 @@ export default async function CommissionCustomCardEditPage({
         allOptions={options}
         allExtras={extras}
         images={images}
+        allTags={tags}
       />
     </div>
   );

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

@@ -3,10 +3,11 @@ import NewCustomCardForm from "@/components/commissions/customCards/NewCustomCar
 import { prisma } from "@/lib/prisma";
 
 export default async function CommissionCustomCardsNewPage() {
-  const [options, extras, images] = await Promise.all([
+  const [options, extras, images, 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" }] }),
   ]);
 
   return (
@@ -14,7 +15,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} />
+      <NewCustomCardForm options={options} extras={extras} images={images} tags={tags} />
     </div>
   );
 }

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

@@ -11,8 +11,12 @@ export default async function CommissionTypesEditPage({ params }: { params: { id
       options: { include: { option: true }, orderBy: { sortIndex: "asc" } },
       extras: { include: { extra: true }, orderBy: { sortIndex: "asc" } },
       customInputs: { include: { customInput: true }, orderBy: { sortIndex: "asc" } },
+      tags: true,
     },
   })
+  const tags = await prisma.tag.findMany({
+    orderBy: [{ sortIndex: "asc" }, { name: "asc" }],
+  });
   const options = await prisma.commissionOption.findMany({
     orderBy: [{ sortIndex: "asc" }, { name: "asc" }],
   });
@@ -32,7 +36,12 @@ export default async function CommissionTypesEditPage({ params }: { params: { id
       <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} />
+      <EditTypeForm
+        type={commissionType}
+        allOptions={options}
+        allExtras={extras}
+        allTags={tags}
+      />
     </div>
   );
-}
+}

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

@@ -2,6 +2,9 @@ import NewTypeForm from "@/components/commissions/types/NewTypeForm";
 import { prisma } from "@/lib/prisma";
 
 export default async function CommissionTypesNewPage() {
+  const tags = await prisma.tag.findMany({
+    orderBy: [{ sortIndex: "asc" }, { name: "asc" }],
+  });
   const options = await prisma.commissionOption.findMany({
     orderBy: [{ sortIndex: "asc" }, { name: "asc" }],
   });
@@ -17,8 +20,13 @@ export default async function CommissionTypesNewPage() {
       <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} />
+      <NewTypeForm
+        options={options}
+        extras={extras}
+        customInputs={customInputs}
+        tags={tags}
+      />
     </div>
 
   );
-}
+}

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

@@ -24,4 +24,4 @@ export default async function CommissionTypesPage() {
       {types && types.length > 0 ? <ListTypes types={types} /> : <p className="text-muted-foreground italic">No types found.</p>}
     </div>
   );
-}
+}