typed CourtAppealRound

zeitgeistpm · Dec 12, 2023 · f86f762 · f86f762
1 parent 5a83bed
commit f86f762
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 10 deletions.
diff --git a/components/court/CourtStageTimer.tsx b/components/court/CourtStageTimer.tsx
@@ -10,6 +10,7 @@ import { CourtStage, getCourtStage } from "lib/state/court/get-stage";
 import moment from "moment";
 import { useMemo } from "react";
 import InfoPopover from "components/ui/InfoPopover";
+import { CourtAppealRound } from "lib/state/court/types";
 
 export const CourtStageTimer = ({
   market: initialMarket,
@@ -49,7 +50,9 @@ export const CourtStageTimer = ({
     ? 100
     : ((stage.totalTime - stage.remainingBlocks) / stage.totalTime) * 100;
 
-  const round = courtCase?.appeals.length;
+  const round = courtCase
+    ? (courtCase.appeals.length as CourtAppealRound)
+    : undefined;
 
   return (
     <>
@@ -69,14 +72,10 @@ export const CourtStageTimer = ({
             )}
             {round && (
               <div
-                className={`flex items-center gap-1 rounded-full px-2 py-1 text-xs ${
-                  roundCopy[round as 1 | 2 | 3].className
-                }`}
+                className={`flex items-center gap-1 rounded-full px-2 py-1 text-xs ${roundCopy[round].className}`}
               >
                 Round {round}{" "}
-                <InfoPopover>
-                  {roundCopy[round as 1 | 2 | 3].description}
-                </InfoPopover>
+                <InfoPopover>{roundCopy[round].description}</InfoPopover>
               </div>
             )}
           </div>
@@ -100,7 +99,7 @@ export const CourtStageTimer = ({
 };
 
 export const roundCopy: Record<
-  1 | 2 | 3,
+  CourtAppealRound,
   { description: string; className: string }
 > = {
   "1": {

diff --git a/lib/state/court/CourtCaseJurorCompositeId.ts b/lib/state/court/CourtCaseJurorCompositeId.ts
@@ -1,5 +1,6 @@
 import { useCourtCase } from "lib/hooks/queries/court/useCourtCase";
 import Opaque, { create } from "ts-opaque";
+import { CourtAppealRound } from "./types";
 
 export type CourtCaseJurorCompositeId = Opaque<
   string,
@@ -18,8 +19,11 @@ export const courtCaseJurorCompositeId = (params: {
 }) => {
   const { data: courtCase } = useCourtCase(params.caseId);
 
-  const round = courtCase?.appeals.length;
-  const roundIdentifier = round ? `-round[${round}]` : "";
+  const round = courtCase
+    ? (courtCase.appeals.length as CourtAppealRound)
+    : undefined;
+
+  const roundIdentifier = round ? `-appeal-round[${round}]` : "";
 
   return create<CourtCaseJurorCompositeId>(
     `${params.marketId}-${params.caseId}${roundIdentifier}-${params.juror}`,

diff --git a/lib/state/court/types.ts b/lib/state/court/types.ts
@@ -0,0 +1 @@
+export type CourtAppealRound = 1 | 2 | 3;