fix(demo-react): eslint errors

lidofinance · Sep 21, 2023 · a80719e · a80719e
1 parent f4f2025
commit a80719e
Show file tree

Hide file tree

Showing 8 changed files with 21 additions and 21 deletions.
diff --git a/apps/demo-react/components/contractTesting/Stake.tsx b/apps/demo-react/components/contractTesting/Stake.tsx
@@ -161,7 +161,7 @@ const StakeForm = ({
     void providerWeb3
       ?.getBalance(account || '')
       .then((data) => setWalletBalance(formatBalance(data, 5)), console.log);
-  }, [account]);
+  }, [account, providerWeb3]);
 
   return (
     <BlueWrapper>

diff --git a/apps/demo-react/components/contractTesting/Wrap.tsx b/apps/demo-react/components/contractTesting/Wrap.tsx
@@ -18,15 +18,12 @@ import {
   InputGroup,
 } from '@lidofinance/lido-ui';
 import { SWRResponse } from '@lido-sdk/react';
-import { parseEther } from 'ethers/lib/utils.js';
-
 import { WstethAbi } from '@lido-sdk/contracts';
 import { BigNumber } from 'ethers';
 import { Web3Provider } from '@ethersproject/providers';
 import { formatBalance, getTxUrl } from '../../util/contractTestingUtils';
 import { BlueWrapper } from '../info';
 import { STETH_SUBMIT_GAS_LIMIT_DEFAULT } from '../../hooks/useStethSubmitGasLimit';
-import { useWstethBySteth } from '../../hooks/useWstethBySteth';
 import { InputDecoratorMaxButton } from '../input-decorator-max-button';
 import {
   unwrapProcessing,

diff --git a/apps/demo-react/components/contractTesting/index.tsx b/apps/demo-react/components/contractTesting/index.tsx
@@ -9,14 +9,14 @@ import {
   useWSTETHContractWeb3,
 } from '@lido-sdk/react';
 import { useWeb3 } from 'reef-knot/web3-react';
+import { parseEther } from '@ethersproject/units';
 import StakeForm from './Stake';
 import WrapForm from './Wrap';
 import WithdrawalsForm from './Withdrawals';
 import { useStethSubmitGasLimit } from '../../hooks/useStethSubmitGasLimit';
 import { useTxCostInUsd } from '../../hooks/txCost';
 import { useWrapGasLimit } from '../../hooks/useWrapGasLimit';
 import { useWstethBySteth } from '../../hooks/useWstethBySteth';
-import { parseEther } from '@ethersproject/units';
 
 const ContractTesting = () => {
   const stethContractRpc = useSTETHContractRPC();

diff --git a/apps/demo-react/hooks/useClaimSelection.ts b/apps/demo-react/hooks/useClaimSelection.ts
@@ -21,11 +21,14 @@ export const useClaimSelection = (
 
   const claimableIdToIndex = useMemo(() => {
     return (
-      claimableRequests?.reduce((mapParam, cur, i) => {
-        const map = mapParam;
-        map[cur.stringId] = i;
-        return map;
-      }, {} as { [key: string]: number }) ?? {}
+      claimableRequests?.reduce(
+        (mapParam, cur, i) => {
+          const map = mapParam;
+          map[cur.stringId] = i;
+          return map;
+        },
+        {} as { [key: string]: number },
+      ) ?? {}
     );
   }, [claimableRequests]);
 

diff --git a/apps/demo-react/hooks/useSplitRequests.ts b/apps/demo-react/hooks/useSplitRequests.ts
@@ -66,5 +66,5 @@ export const useSplitRequest = (inputValue: string, selectedToken: TOKENS) => {
       requestCount: requestCount + (hasRest ? 1 : 0),
       areRequestsValid: requests.length > 0,
     };
-  }, [inputValue, maxAmount, maxRequestCount, selectedToken]);
+  }, [inputValue, maxAmount, maxRequestCount]);
 };
diff --git a/apps/demo-react/hooks/useWithdrawalRequest.ts b/apps/demo-react/hooks/useWithdrawalRequest.ts
@@ -109,7 +109,6 @@ export const useWithdrawalRequest = ({
       gatherPermitSignature,
       getRequestMethod,
       isApprovalFlow,
-      isBunker,
       needsApprove,
       setIsTxPending,
       token,

diff --git a/apps/demo-react/hooks/useWithdrawalsData.ts b/apps/demo-react/hooks/useWithdrawalsData.ts
@@ -145,7 +145,7 @@ export const useWithdrawalRequestMethods = () => {
       await transaction?.wait();
       updateData();
     },
-    [account, chainId, contractWeb3, updateData],
+    [contractWeb3, updateData],
   );
 
   const permitWsteth = useCallback(
@@ -194,7 +194,7 @@ export const useWithdrawalRequestMethods = () => {
       await transaction?.wait();
       updateData();
     },
-    [account, chainId, contractWeb3, updateData],
+    [contractWeb3, updateData],
   );
 
   const steth = useCallback(
@@ -227,7 +227,7 @@ export const useWithdrawalRequestMethods = () => {
       }
       updateData();
     },
-    [account, chainId, contractWeb3, providerWeb3, updateData],
+    [account, contractWeb3, updateData],
   );
 
   const wstETH = useCallback(
@@ -258,7 +258,7 @@ export const useWithdrawalRequestMethods = () => {
       }
       updateData();
     },
-    [account, chainId, contractWeb3, providerWeb3, updateData],
+    [account, contractWeb3, updateData],
   );
 
   return useCallback(
@@ -287,9 +287,8 @@ export const useWithdrawalRequests = () => {
           contractWeb3.getWithdrawalRequests(acc),
           contractWeb3.getLastCheckpointIndex(),
         ]);
-        const requestStatuses = await contractWeb3?.getWithdrawalStatus(
-          requestIds,
-        );
+        const requestStatuses =
+          await contractWeb3?.getWithdrawalStatus(requestIds);
 
         const claimableRequests: RequestStatus[] = [];
         const pendingRequests: RequestStatusPending[] = [];

diff --git a/apps/demo-react/hooks/useWstethBySteth.ts b/apps/demo-react/hooks/useWstethBySteth.ts
@@ -6,7 +6,9 @@ import debounce from 'lodash/debounce';
 export const useWstethBySteth = (
   stEth: BigNumber | undefined,
 ): BigNumber | undefined => {
-  const [wstethBalance, setWstethBalance] = useState<BigNumber>(BigNumber.from(0));
+  const [wstethBalance, setWstethBalance] = useState<BigNumber>(
+    BigNumber.from(0),
+  );
 
   const wstethContractRPC = useWSTETHContractRPC();
 
@@ -21,7 +23,7 @@ export const useWstethBySteth = (
           setWstethBalance(wsteth);
         }
       }, 500),
-    [wstethContractRPC],
+    [wstethBalance, wstethContractRPC],
   );
 
   useEffect(() => {