diff --git a/src/components/UserLendingCard/index.tsx b/src/components/UserLendingCard/index.tsx index fad6f5b..1764f86 100644 --- a/src/components/UserLendingCard/index.tsx +++ b/src/components/UserLendingCard/index.tsx @@ -1,10 +1,10 @@ import React, { useMemo } from "react"; -import { useLendingReserve, useTokenName, useUserAccounts, useUserBalance } from './../../hooks'; +import { useCollateralBalance, useLendingReserve, useTokenName, useUserAccounts, useUserBalance } from './../../hooks'; import { LendingReserve, LendingReserveParser } from "../../models/lending"; import { TokenIcon } from "../../components/TokenIcon"; import { formatNumber, formatPct, fromLamports } from "../../utils/utils"; import { Button, Card, Typography } from "antd"; -import { useParams } from "react-router-dom"; +import { Link, useParams } from "react-router-dom"; import { useAccount, useMint } from "../../contexts/accounts"; import { PublicKey } from "@solana/web3.js"; @@ -16,9 +16,14 @@ export const UserLendingCard = (props: { address: PublicKey, }) => { const reserve = props.reserve; + const address = props.address; + const name = useTokenName(reserve?.liquidityMint); const liquidityMint = useMint(props.reserve.liquidityMint); + const { balance: tokenBalance } = useUserBalance(props.reserve.liquidityMint); + const { balance: collateralBalance } = useCollateralBalance(props.reserve); + const totalLiquidity = fromLamports(props.reserve.totalLiquidity.toNumber(), liquidityMint); // TODO: calculate @@ -78,7 +83,7 @@ export const UserLendingCard = (props: { Wallet balance: