fix(web): appeal-tab-not-displaying-options

Author: kemuru

web/src/hooks/useClassicAppealContext.tsx

@@ -102,7 +102,7 @@ const getCurrentLocalRound = (dispute?: ClassicAppealQuery["dispute"]) => {
   if (!dispute) return undefined;
 
   const period = dispute.period;
-  const currentLocalRoundIndex = dispute.disputeKitDispute?.currentLocalRoundIndex;
+  const currentLocalRoundIndex = dispute.disputeKitDispute[0]?.currentLocalRoundIndex;
   const adjustedRoundIndex = ["appeal", "execution"].includes(period)
     ? currentLocalRoundIndex
     : currentLocalRoundIndex - 1;

web/src/pages/Cases/CaseDetails/Appeal/Classic/Options/StageOne.tsx

@@ -8,6 +8,7 @@ import {
   useOptionsContext,
   useSelectedOptionContext,
 } from "hooks/useClassicAppealContext";
+import { isUndefined } from "utils/index";
 import { formatUnitsWei } from "utils/format";
 
 const Container = styled.div`
@@ -30,14 +31,15 @@ const StageOne: React.FC<IStageOne> = ({ setAmount }) => {
   const options = useOptionsContext();
   const loserSideCountdown = useLoserSideCountdownContext();
   const { selectedOption, setSelectedOption } = useSelectedOptionContext();
+
   return (
     <Container>
       <StageExplainer {...{ loserSideCountdown }} />
       <label> Which option do you want to fund? </label>
       <OptionsContainer>
-        {typeof paidFees !== "undefined" &&
-          typeof winnerRequiredFunding !== "undefined" &&
-          typeof loserRequiredFunding !== "undefined" &&
+        {!isUndefined(paidFees) &&
+          !isUndefined(winnerRequiredFunding) &&
+          !isUndefined(loserRequiredFunding) &&
           options?.map((answer: string, i: number) => {
             const requiredFunding = i.toString() === winningChoice ? winnerRequiredFunding : loserRequiredFunding;
             return (