diff --git a/earn/src/components/markets/monitor/InfoTab.tsx b/earn/src/components/markets/monitor/InfoTab.tsx
index b3a2a029..f202ae0b 100644
--- a/earn/src/components/markets/monitor/InfoTab.tsx
+++ b/earn/src/components/markets/monitor/InfoTab.tsx
@@ -10,9 +10,11 @@ import { GN } from 'shared/lib/data/GoodNumber';
import { LendingPair } from 'shared/lib/data/LendingPair';
import { useChainDependentState } from 'shared/lib/hooks/UseChainDependentState';
import { Address } from 'viem';
+import { Config, useClient } from 'wagmi';
import InfoGraph, { InfoGraphColors, InfoGraphData, InfoGraphLabel } from './InfoGraph';
import StatsTable from './StatsTable';
+import { useEthersProvider } from '../../../util/Provider';
export type InfoTabProps = {
// Alternatively, could get these 2 from `ChainContext` and `useProvider`, respectively
@@ -29,7 +31,7 @@ const MAX_NUM_UPDATE_LOGS_PER_POOL_PER_DAY = 6;
const MAX_NUM_LOGS_PER_ALCHEMY_REQUEST = 2000;
export default function InfoTab(props: InfoTabProps) {
- const { chainId, provider, lendingPairs, tokenColors, setPendingTxn } = props;
+ const { chainId, lendingPairs, tokenColors, setPendingTxn } = props;
const [oracleLogs, setOracleLogs] = useChainDependentState(new Map
(), chainId);
const [blockNumbersToTimestamps, setBlockNumbersToTimestamps] = useChainDependentState(
@@ -38,6 +40,8 @@ export default function InfoTab(props: InfoTabProps) {
);
const [hoveredPair, setHoveredPair] = useState(undefined);
+ const client = useClient({ chainId });
+ const provider = useEthersProvider(client);
const fetchOracleLogs = useCallback(async () => {
if (lendingPairs.length === 0 || !provider || provider.network.chainId !== chainId) return;
diff --git a/earn/src/pages/MarketsPage.tsx b/earn/src/pages/MarketsPage.tsx
index f0ecc6b3..b386d30a 100644
--- a/earn/src/pages/MarketsPage.tsx
+++ b/earn/src/pages/MarketsPage.tsx
@@ -21,7 +21,8 @@ import { useTokenColors } from 'shared/lib/hooks/UseTokenColors';
import { formatUSDAuto } from 'shared/lib/util/Numbers';
import styled from 'styled-components';
import { linea } from 'viem/chains';
-import { Config, useAccount, useBlockNumber, useClient, usePublicClient } from 'wagmi';
+import { useAccount, useBlockNumber, usePublicClient } from 'wagmi';
+import { useCapabilities } from 'wagmi/experimental';
import PendingTxnModal, { PendingTxnModalStatus } from '../components/common/PendingTxnModal';
import BorrowingWidget from '../components/markets/borrow/BorrowingWidget';
@@ -30,7 +31,6 @@ import InfoTab from '../components/markets/monitor/InfoTab';
import SupplyTable, { SupplyTableRow } from '../components/markets/supply/SupplyTable';
import { useDeprecatedMarginAccountShim } from '../data/BorrowerNft';
import { ZERO_ADDRESS } from '../data/constants/Addresses';
-import { useEthersProvider } from '../util/Provider';
const SECONDARY_COLOR = 'rgba(130, 160, 182, 1)';
const SELECTED_TAB_KEY = 'selectedTab';
@@ -100,8 +100,8 @@ export default function MarketsPage() {
// MARK: wagmi hooks
const { address: userAddress } = useAccount();
- const client = useClient({ chainId: activeChain.id });
- const provider = useEthersProvider(client);
+ const { data: capabilities } = useCapabilities({ account: userAddress });
+ const hasAuxiliaryFunds = useMemo(() => capabilities?.[84532]?.auxiliaryFunds.supported ?? false, [capabilities]);
// MARK: custom hooks
const { lendingPairs, refetchOracleData, refetchLenderData } = useLendingPairs(activeChain.id);
@@ -263,7 +263,6 @@ export default function MarketsPage() {
tabContent = (