import { useQuery } from "@tanstack/react-query";
import {
findVaultByConfig,
getVaultAPY,
YieldType,
} from "@paxoslabs/amplify-sdk";
function VaultAPY({ assetAddress, chainId }: { assetAddress: `0x${string}`; chainId: number }) {
const { data, isLoading } = useQuery({
queryKey: ["vaultAPY", assetAddress, chainId],
queryFn: async () => {
const vault = await findVaultByConfig({
assetAddress,
yieldType: YieldType.CORE,
chainId,
});
if (!vault) return null;
return getVaultAPY({
vaultAddress: vault.vault.boringVaultAddress,
chainId,
});
},
});
if (isLoading) return <span>Loading...</span>;
return <span>{data?.apyFormatted ?? "N/A"}</span>;
}