fix(web): court and subcourt naming inconsistency

Author: alcercu

web/src/components/DisputeCard/index.tsx

@@ -44,21 +44,21 @@ const DisputeCard: React.FC<CasesPageQuery["disputes"][number]> = ({
   arbitrated,
   period,
   lastPeriodChange,
-  subcourtID,
+  courtID,
 }) => {
   const currentPeriodIndex = Periods[period];
-  const rewards = `≥ ${utils.formatEther(subcourtID.feeForJuror)} ETH`;
+  const rewards = `≥ ${utils.formatEther(courtID.feeForJuror)} ETH`;
   const date =
     currentPeriodIndex === 4
       ? lastPeriodChange
       : getTimeLeft(
           lastPeriodChange,
           currentPeriodIndex,
-          subcourtID.timesPerPeriod
+          courtID.timesPerPeriod
         );
   const { data: metaEvidence } = useGetMetaEvidence(id, arbitrated);
   const title = metaEvidence ? metaEvidence.title : <Skeleton />;
-  const { data: courtPolicyPath } = useCourtPolicy(parseInt(subcourtID.id));
+  const { data: courtPolicyPath } = useCourtPolicy(parseInt(courtID.id));
   const { data: courtPolicy } = useIPFSQuery(courtPolicyPath?.args._policy);
   const courtName = courtPolicy?.name;
   const category = metaEvidence ? metaEvidence.category : undefined;

web/src/hooks/queries/useCasesQuery.ts

@@ -13,7 +13,7 @@ const casesQuery = gql`
     ) {
       id
       arbitrated
-      subcourtID {
+      courtID {
         id
         policy
         feeForJuror

web/src/hooks/queries/useDisputeDetailsQuery.ts

@@ -6,7 +6,7 @@ export type { DisputeDetailsQuery };
 const disputeDetailsQuery = gql`
   query DisputeDetails($disputeID: ID!) {
     dispute(id: $disputeID) {
-      subcourtID {
+      courtID {
         id
         timesPerPeriod
         hiddenVotes

web/src/pages/Cases/CaseDetails/Overview.tsx

@@ -24,10 +24,8 @@ const Overview: React.FC<{ arbitrable: string; courtID?: string }> = ({
   const courtPolicyPath = courtPolicyEvent?.args._policy;
   const { data: courtPolicy } = useIPFSQuery(courtPolicyPath);
   const courtName = courtPolicy?.name;
-  const rewards = disputeDetails?.dispute?.subcourtID
-    ? `≥ ${utils.formatEther(
-        disputeDetails?.dispute?.subcourtID.feeForJuror
-      )} ETH`
+  const rewards = disputeDetails?.dispute?.courtID
+    ? `≥ ${utils.formatEther(disputeDetails?.dispute?.courtID.feeForJuror)} ETH`
     : undefined;
   const category = metaEvidence ? metaEvidence.category : undefined;
   return (

web/src/pages/Cases/CaseDetails/Timeline.tsx

@@ -52,16 +52,14 @@ const getTimeline = (
         secondsToDayHourMinute(
           getTimeLeft(
             parseInt(dispute?.lastPeriodChange, 10),
-            parseInt(dispute?.subcourtID.timesPerPeriod[index], 10)
+            parseInt(dispute?.courtID.timesPerPeriod[index], 10)
           )
         ),
       ];
     } else if (index === 3) {
       return [];
     } else {
-      return [
-        secondsToDayHourMinute(dispute?.subcourtID.timesPerPeriod[index]),
-      ];
+      return [secondsToDayHourMinute(dispute?.courtID.timesPerPeriod[index])];
     }
   };
   return titles.map((title, i) => ({

web/src/pages/Cases/CaseDetails/index.tsx

@@ -27,7 +27,7 @@ const CaseDetails: React.FC = () => {
             element={
               <Overview
                 arbitrable={dispute?.arbitrated}
-                courtID={dispute?.subcourtID.id}
+                courtID={dispute?.courtID.id}
               />
             }
           />