Add guidelines

prisma/schema.prisma

@@ -355,11 +355,22 @@ model CommissionRequest {
   sortIndex Int      @default(0)
 }
 
+model CommissionGuidelines {
+  id        String   @id @default(cuid())
+  createdAt DateTime @default(now())
+  updatedAt DateTime @updatedAt
+
+  markdown String
+  isActive Boolean @default(true)
+
+  @@index([isActive])
+}
+
 model TermsOfService {
   id        String   @id @default(cuid())
   createdAt DateTime @default(now())
   updatedAt DateTime @updatedAt
 
-  version  Int    @default(autoincrement())
   markdown String
+  version  Int    @default(autoincrement())
 }

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

@@ -1,4 +1,5 @@
 import { CommissionCard } from "@/components/commissions/CommissionCard";
+import CommissionGuidelines from "@/components/commissions/CommissionGuidelines";
 import { CommissionOrderForm } from "@/components/commissions/CommissionOrderForm";
 import { prisma } from "@/lib/prisma";
 
@@ -19,6 +20,7 @@ export default async function CommissionsPage() {
         {commissions.map((commission) => (
           <CommissionCard key={commission.id} commission={commission} />
         ))}
+        <CommissionGuidelines />
       </div>
       <hr />
       <h2 className="text-2xl font-semibold">Request a Commission</h2>

src/components/commissions/CommissionGuidelines.tsx

@@ -0,0 +1,21 @@
+import { prisma } from "@/lib/prisma";
+import ReactMarkdown from 'react-markdown';
+import { Card, CardContent } from "../ui/card";
+
+export default async function CommissionGuidelines() {
+  const guidelines = await prisma.commissionGuidelines.findFirst({
+    where: { isActive: true }
+  })
+
+  return (
+    <div className="flex flex-col h-full">
+      <Card className="flex flex-col flex-1">
+        <CardContent className="flex flex-col justify-start gap-4">
+          <div className="markdown">
+            <ReactMarkdown>{guidelines?.markdown}</ReactMarkdown>
+          </div>
+        </CardContent>
+      </Card>
+    </div>
+  );
+}