certusone
/
oyster
mirror of https://github.com/certusone/oyster.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

feat: format liquidity

This commit is contained in:
bartosz-lipinski 2020-11-18 23:02:52 -06:00
parent 8eceeba1cb
commit 56d9d9f673
2 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/views/deposit/add/index.tsx
View File

@ -32,6 +32,7 @@ export const DepositAddView = () => {
console.log(`utlization: ${reserve.maxUtilizationRate}`)
console.log(`cumulativeBorrowRate: ${reserve.cumulativeBorrowRate.toString()}`)
console.log(`cumulativeBorrowRate: ${reserve.cumulativeBorrowRate.toString()}`)
console.log(`totalBorrows: ${reserve.totalBorrows.toString()}`)
console.log(`totalLiquidity: ${reserve.totalLiquidity.toString()}`)
console.log(`lendingMarket: ${reserve.lendingMarket.toBase58()}`);

9
src/views/home/item.tsx
View File

@ -2,7 +2,7 @@ import React, { useMemo } from "react";
import { useTokenName, useUserAccounts, useUserBalance } from '../../hooks';
import { LendingReserve } from "../../models/lending";
import { TokenIcon } from "../../components/TokenIcon";
import { formatNumber } from "../../utils/utils";
import { formatNumber, fromLamports } from "../../utils/utils";
import { Button, Card } from "antd";
import { Link } from "react-router-dom";
import { PublicKey } from "@solana/web3.js";
@ -17,14 +17,17 @@ export const LendingReserveItem = (props: { reserve: LendingReserve, address: Pu
const liquiditySupply = useAccount(props.reserve.liquiditySupply);
const liquidityMint = useMint(props.reserve.liquidityMint);
const totalLiquidity = fromLamports(props.reserve.totalLiquidity.toNumber(), liquidityMint);
const totalBorrows = props.reserve.totalBorrows.toString();
console.log(liquidityMint);
return <Link to={`/reserve/${props.address.toBase58()}`}>
<Card>
<div style={{ display: 'flex', justifyContent: 'space-around', alignItems: 'center' }}>
<span style={{ display: 'flex' }}><TokenIcon mintAddress={props.reserve.liquidityMint} />{name}</span>
<div>{formatNumber.format(tokenBalance)} {name}</div>
<div>{formatNumber.format(collateralBalance)} {name}</div>
<div>{formatNumber.format(totalLiquidity)} {name}</div>
<div>{totalBorrows} {name}</div>
<div>--</div>
</div>