import { getYieldPerformance } from '@dynamic-labs-sdk/client';

const performance = await getYieldPerformance({
  vaultId: 'fb-eth-galaxy-usdc-fw-01',
  walletAccount,
});

console.log(performance.netEarningsAssets, performance.returnOnCapital);

import { getYieldDetails, getYieldPerformance } from '@dynamic-labs-sdk/client';
import { formatUnits } from 'viem';

// Turns the raw `netEarningsAssets` string into a plain number like "854.39",
// ready to show a user.
async function loadEarnings(vaultId, walletAccount) {
  const [details, performance] = await Promise.all([
    getYieldDetails({ vaultId }),
    getYieldPerformance({ vaultId, walletAccount }),
  ]);

  return {
    assetSymbol: details.assetSymbol,
    earnings: formatUnits(BigInt(performance.netEarningsAssets), details.assetDecimals),
    returnOnCapital: performance.returnOnCapital,
  };
}

import { useGetYieldDetails, useGetYieldPerformance } from '@dynamic-labs-sdk/react-hooks';
import type { WalletAccount } from '@dynamic-labs-sdk/client';
import { formatUnits } from 'viem';

function Earnings({
  vaultId,
  walletAccount,
}: {
  vaultId: string;
  walletAccount: WalletAccount | undefined;
}) {
  const { data: details } = useGetYieldDetails({ vaultId });
  const { data: performance, isLoading } = useGetYieldPerformance({
    vaultId,
    walletAccount,
  });

  if (isLoading || !details) {
    return <p>Loading earnings...</p>;
  }

  const earnings = formatUnits(
    BigInt(performance?.netEarningsAssets ?? '0'),
    details.assetDecimals
  );

  return <p>Earnings: {earnings} {details.assetSymbol}</p>;
}