lint

Author: asalef10

src/pages/stakingPage/components/RewardsCard.tsx

@@ -4,6 +4,7 @@ import { useAccount } from 'wagmi';
 
 import { GrixLogo } from '@/components/commons/Logo';
 import { EthLogo } from '@/components/commons/Logo/EthLogo';
+import { AssetPriceResponse } from '@/types/api';
 import { claim, compound } from '@/web3Config/staking/hooks';
 
 import { useVesting } from '../hooks/useVesting';
@@ -18,12 +19,6 @@ type RewardsCardProps = {
   refetchData: () => Promise<void>;
 };
 
-type DexScreenerResponse = {
-  grix: {
-    usd: number;
-  };
-};
-
 export const RewardsCard = ({ data, refetchData }: RewardsCardProps): JSX.Element => {
   const { address } = useAccount();
   const [isClaiming, setIsClaiming] = useState(false);
@@ -42,7 +37,7 @@ export const RewardsCard = ({ data, refetchData }: RewardsCardProps): JSX.Elemen
             origin: 'https://app.grix.finance',
           },
         });
-        const json = await res.json();
+        const json = (await res.json()) as AssetPriceResponse;
         const price = json.assetPrice;
         setGrixPrice(price);
       } catch {

src/pages/stakingPage/components/StakingCard.tsx

@@ -3,6 +3,7 @@ import React, { useCallback, useEffect, useState } from 'react';
 import { parseEther } from 'viem';
 import { useAccount } from 'wagmi';
 
+import { AssetPriceResponse } from '@/types/api';
 import { stakingContracts } from '@/web3Config/staking/config';
 import {
   approveStaking,
@@ -116,7 +117,7 @@ export const StakingCard: React.FC<StakingCardProps> = ({
           origin: 'https://app.grix.finance',
         },
       });
-      const json = await res.json();
+      const json = (await res.json()) as AssetPriceResponse;
       const price = json.assetPrice;
       setGrixPrice(price);
     } catch {

src/pages/stakingPage/components/VestingModal.tsx

@@ -18,6 +18,7 @@ import { useEffect, useState } from 'react';
 import { FaEquals, FaPlus } from 'react-icons/fa';
 
 import { GrixLogo } from '@/components/commons/Logo';
+import { AssetPriceResponse } from '@/types/api';
 
 type VestingModalProps = {
   isOpen: boolean;
@@ -29,12 +30,6 @@ type VestingModalProps = {
   claimableRewards: string;
 };
 
-type DexScreenerResponse = {
-  grix: {
-    usd: number;
-  };
-};
-
 export const VestingModal = ({
   isOpen,
   onClose,
@@ -58,7 +53,7 @@ export const VestingModal = ({
             origin: 'https://app.grix.finance',
           },
         });
-        const json = await res.json();
+        const json = (await res.json()) as AssetPriceResponse;
         const price = json.assetPrice;
         setGrixPrice(price);
       } catch {

src/types/api.ts

@@ -0,0 +1,5 @@
+// API Response Types
+
+export type AssetPriceResponse = {
+  assetPrice: number;
+};

src/web3Config/staking/hooks.ts

@@ -307,8 +307,8 @@ export const calculateAPR = async () => {
           functionName: 'tokensPerInterval',
           args: [],
         });
-      } catch (error) {
-        console.error('Error fetching ETH reward rate:', error);
+      } catch {
+        // Error fetching ETH reward rate
       }
     }
 
@@ -323,8 +323,8 @@ export const calculateAPR = async () => {
 
     // Convert to percentage with 2 decimal places
     return Number(apr) / 100;
-  } catch (error) {
-    console.error('Error calculating APR:', error);
+  } catch {
+    // Error calculating APR
     return 0;
   }
 };