fix: code smells

Author: kemuru

web/src/pages/Cases/CaseDetails/Appeal/Classic/Fund.tsx

@@ -1,7 +1,7 @@
 import React, { useState } from "react";
 import styled from "styled-components";
 import { useParams } from "react-router-dom";
-import { useAccount, useBalance, useNetwork } from "wagmi";
+import { useAccount, useBalance } from "wagmi";
 import { useDebounce } from "react-use";
 import { Field, Button } from "@kleros/ui-components-library";
 import { wrapWithToast } from "utils/wrapWithToast";
@@ -59,8 +59,6 @@ const Fund: React.FC = () => {
   const [isSending, setIsSending] = useState(false);
   const fundAppeal = useFundAppeal(parsedAmount);
 
-  const { chain } = useNetwork();
-
   return needFund ? (
     <div>
       <label>How much ETH do you want to contribute?</label>

web/src/pages/Cases/CaseDetails/Evidence/SubmitEvidenceModal.tsx

@@ -5,7 +5,7 @@ import Modal from "react-modal";
 import { Textarea, Button } from "@kleros/ui-components-library";
 import { wrapWithToast, OPTIONS as toastOptions } from "utils/wrapWithToast";
 import { uploadFormDataToIPFS } from "utils/uploadFormDataToIPFS";
-import { useWalletClient, useNetwork } from "wagmi";
+import { useWalletClient } from "wagmi";
 import { EnsureChain } from "components/EnsureChain";
 import { prepareWriteDisputeKitClassic } from "hooks/contracts/generated";
 
@@ -15,7 +15,6 @@ const SubmitEvidenceModal: React.FC<{
   close: () => void;
 }> = ({ isOpen, evidenceGroup, close }) => {
   const { data: walletClient } = useWalletClient();
-  const { chain } = useNetwork();
   const [isSending, setIsSending] = useState(false);
   const [message, setMessage] = useState("");
   return (

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

@@ -1,7 +1,7 @@
 import React, { useState } from "react";
 import styled from "styled-components";
 import { useParams } from "react-router-dom";
-import { useAccount, useNetwork } from "wagmi";
+import { useAccount } from "wagmi";
 import { Button, Searchbar } from "@kleros/ui-components-library";
 import { useEvidenceGroup } from "queries/useEvidenceGroup";
 import { useEvidences } from "queries/useEvidences";
@@ -28,7 +28,6 @@ const Evidence: React.FC<{ arbitrable?: string }> = ({ arbitrable }) => {
   const { data: evidenceGroup } = useEvidenceGroup(id, arbitrable);
   const { data } = useEvidences(evidenceGroup);
   const { address } = useAccount();
-  const { chain } = useNetwork();
   return (
     <Container>
       {evidenceGroup && (

web/src/pages/Cases/CaseDetails/Voting/Binary.tsx

@@ -48,15 +48,16 @@ const Binary: React.FC<{ arbitrable?: string; voteIDs: string[] }> = ({ arbitrab
         />
         <OptionsContainer>
           {metaEvidence?.rulingOptions?.titles?.map((answer: string, i: number) => {
-            <EnsureChain>
-              <Button
-                key={i}
-                text={answer}
-                disabled={isSending}
-                isLoading={chosenOption === i + 1}
-                onClick={() => handleVote(i + 1)}
-              />
-            </EnsureChain>;
+            return (
+              <EnsureChain key={i}>
+                <Button
+                  text={answer}
+                  disabled={isSending}
+                  isLoading={chosenOption === i + 1}
+                  onClick={() => handleVote(i + 1)}
+                />
+              </EnsureChain>
+            );
           })}
         </OptionsContainer>
       </MainContainer>