fix: improve ruling handling in dispute history section

Author: kyrers

src/components/case-round-history.js

@@ -8,15 +8,17 @@ import useChainId from "../hooks/use-chain-id";
 import ScrollBar from "./scroll-bar";
 import axios from "axios";
 import useSWR from "swr";
+import Web3 from "web3";
 import { RTA_LABEL } from "../temp/answer-string";
 
 const { useDrizzle } = drizzleReactHooks;
+const { toBN } = Web3.utils;
 
 export default function CaseRoundHistory({ ID, dispute, ruling }) {
   const { drizzle, useCacheCall } = useDrizzle();
   const getMetaEvidence = useDataloader.getMetaEvidence();
   const [round, setRound] = useState(dispute.votesLengths.length - 1);
-  const [rulingOption, setRulingOption] = useState(ruling || 1);
+  const [rulingOption, setRulingOption] = useState(ruling || "1");
   const [justificationIndex, setJustificationIndex] = useState(0);
   const chainId = useChainId();
 
@@ -108,7 +110,7 @@ export default function CaseRoundHistory({ ID, dispute, ruling }) {
                     {metaEvidence.rulingOptions?.reserved &&
                       Object.keys(metaEvidence.rulingOptions.reserved).map((key) => (
                         <Col lg={24} key={key}>
-                          <Radio.Button size="large" value={key}>
+                          <Radio.Button size="large" value={toBN(key).toString()}>
                             {metaEvidence.rulingOptions.reserved[key]}
                           </Radio.Button>
                         </Col>