feat: add submissions overview to admin

Author: godd9170

app/routes/sheets.$sheetId.admin/components/SheetStats/index.tsx

@@ -0,0 +1,29 @@
+export default function SheetStats({ submissions }) {
+  return (
+    <>
+      <p>Total Submissions: {submissions.length}</p>
+      <div className="overflow-x-auto">
+        <table className="table">
+          <thead>
+            <tr>
+              <th>username</th>
+              <th>name</th>
+              <th>paid</th>
+              <th>submitted at</th>
+            </tr>
+          </thead>
+          <tbody>
+            {submissions.map((submission) => (
+              <tr key={submission.id}>
+                <th>{submission?.sailor?.username}</th>
+                <th>{`${submission?.sailor?.firstName} ${submission?.sailor?.lastName}`}</th>
+                <th>{submission.isPaid ? "✅" : "❌"}</th>
+                <th>{submission.createdAt}</th>
+              </tr>
+            ))}
+          </tbody>
+        </table>
+      </div>
+    </>
+  );
+}

app/routes/sheets.$sheetId.admin/route.tsx

@@ -1,30 +1,35 @@
-import { json, LoaderFunctionArgs } from "@remix-run/node";
+import { json, LoaderFunctionArgs, redirect } from "@remix-run/node";
 import { useLoaderData } from "@remix-run/react";
 import invariant from "tiny-invariant";
 import { readSheet } from "~/models/sheet.server";
 import { authenticator } from "~/services/auth.server";
 import StatusSelector from "./components/StatusSelector";
 import EditSheet from "./components/EditSheet";
 import MarkSheet from "./components/MarkSheet";
+import { readSailor } from "~/models/sailor.server";
+import SheetStats from "./components/SheetStats";
+import { readSheetSubmissions } from "~/models/submission.server";
 
 export const loader = async ({ params, request }: LoaderFunctionArgs) => {
-  await authenticator.isAuthenticated(request, {
+  const sailorId = await authenticator.isAuthenticated(request, {
     failureRedirect: "/login",
   });
   invariant(params.sheetId, `params.sheetId is required`);
-  // todo: redirect if not an admin
+  const sailor = await readSailor(sailorId);
+  if (!sailor || !sailor.admin) return redirect("/");
   const sheet = await readSheet(params.sheetId);
+  const submissions = await readSheetSubmissions(params.sheetId);
   invariant(!!sheet, "No such sheet");
-  return json({ sheet });
+  return json({ sheet, submissions });
 };
 
 export default function SheetEdit() {
-  const { sheet } = useLoaderData<typeof loader>();
+  const { sheet, submissions } = useLoaderData<typeof loader>();
   return (
     <>
       <StatusSelector sheet={sheet} />
       {sheet.status === "DRAFT" && <EditSheet sheet={sheet} />}
-      {sheet.status === "OPEN" && <span>Currently accepting submissions</span>}
+      {sheet.status === "OPEN" && <SheetStats submissions={submissions} />}
       {sheet.status === "CLOSED" && <MarkSheet sheet={sheet} />}
     </>
   );

prisma/migrations/20240210053751_add_submission_is_paid/migration.sql

@@ -0,0 +1,2 @@
+-- AlterTable
+ALTER TABLE "Submission" ADD COLUMN     "isPaid" BOOLEAN NOT NULL DEFAULT false;

prisma/schema.prisma

@@ -96,6 +96,7 @@ model Submission {
   selections PropositionSelection[]
 
   tieBreaker Int
+  isPaid     Boolean @default(false)
 }
 
 model PropositionSelection {