diff --git a/src/components/transmuters/row/TransmuterAccordionRow.tsx b/src/components/transmuters/row/TransmuterAccordionRow.tsx index 828260d9..bd1a7bca 100644 --- a/src/components/transmuters/row/TransmuterAccordionRow.tsx +++ b/src/components/transmuters/row/TransmuterAccordionRow.tsx @@ -11,6 +11,8 @@ import { Deposit } from "./Deposit"; import { Withdraw } from "./Withdraw"; import { Claim } from "./Claim"; import { TransmuterApr } from "./TransmuterApr"; +import { formatUnits } from "viem"; +import { formatNumber } from "@/utils/number"; export const TransmuterAccordionRow = ({ transmuter, @@ -26,10 +28,14 @@ export const TransmuterAccordionRow = ({ ); const totalDeposited = transmuter.account.exchangedBalance + transmuter.account.unexchangedBalance; + const tvl = formatUnits( + transmuter?.totalUnexchanged, + syntheticToken?.decimals ?? 18, + ); return ( - -
+ +
{`${syntheticToken?.symbol ?? "..."}-${ underlyingToken?.symbol ?? "..." }`}

-

LTV: 50%

+

+ TVL: {formatNumber(tvl, { compact: true })}{" "} + {syntheticToken?.symbol} +