chore: fix double submission, lower res images

Author: godd9170

app/routes/sheets.$sheetId.submissions.$submissionId.tsx

@@ -35,7 +35,7 @@ export default function Submission() {
         </span>
       </div>
       <h2 className="text-center font-bold pt-3">
-        Tie Breaker: {submission?.sheet?.tieBreakerQuestion}
+        Tie Breaker: {submission?.tieBreaker}
       </h2>
       <SubmissionTable submission={submission} />
     </>

app/routes/sheets.$sheetId.submissions._index/route.tsx

@@ -4,7 +4,7 @@ import {
   ActionFunctionArgs,
   redirect,
 } from "@remix-run/node";
-import { Form, useLoaderData } from "@remix-run/react";
+import { Form, useLoaderData, useNavigation } from "@remix-run/react";
 import invariant from "tiny-invariant";
 import { readSheet } from "~/models/sheet.server";
 import {
@@ -66,9 +66,12 @@ export const action = async ({ params, request }: ActionFunctionArgs) => {
 export default function Sheet() {
   const { sheet } = useLoaderData<typeof loader>();
   const [selections, setSelections] = useState<object>({});
+  const navigation = useNavigation();
   const propositionCount = sheet.propositions.length;
   const selectionCount = Object.keys(selections).length;
-  const disabled = propositionCount != selectionCount;
+  const isSubmitting =
+    navigation.formAction === `/sheets/${sheet.id}/submissions?index`;
+  const disabled = propositionCount != selectionCount || isSubmitting;
   return (
     <div className="h-screen">
       <Form method="post">