blockworks-foundation
/
lev-stake-sol
mirror of https://github.com/blockworks-foundation/lev-stake-sol.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

add tooltip to estimated liq price change

This commit is contained in:
saml33 2023-11-21 22:39:26 +11:00
parent a6fa656fe4
commit dc1b73194b
1 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
components/Positions.tsx
View File

@ -15,6 +15,7 @@ import {
} from '@blockworks-foundation/mango-v4' } from '@blockworks-foundation/mango-v4'
import useBankRates from 'hooks/useBankRates' import useBankRates from 'hooks/useBankRates'
import usePositions from 'hooks/usePositions' import usePositions from 'hooks/usePositions'
import Tooltip from './shared/Tooltip'
const set = mangoStore.getState().set const set = mangoStore.getState().set
@ -191,15 +192,17 @@ const PositionItem = ({
</span> </span>
</div> */} </div> */}
<div> <div>
<p className="mb-1 text-th-fgd-4">Est. Liquidation Ratio</p> <p className="mb-1 text-th-fgd-4">Est. Liquidation Price</p>
<div className="flex flex-wrap items-end"> <div className="flex flex-wrap items-end">
<span className="mr-2 whitespace-nowrap text-xl font-bold text-th-fgd-1"> <span className="mr-2 whitespace-nowrap text-xl font-bold text-th-fgd-1">
{liqRatio} {`${formatTokenSymbol(bank.name)}/${BORROW_TOKEN}`} {liqRatio} {`${formatTokenSymbol(bank.name)}/${BORROW_TOKEN}`}
</span> </span>
{liqPriceChangePercentage ? ( {liqPriceChangePercentage ? (
<p className="mb-0.5 text-th-error"> <Tooltip content="Estimated price change required for liquidation.">
{liqPriceChangePercentage}% <p className="tooltip-underline mb-0.5 text-th-fgd-4">
</p> {liqPriceChangePercentage}%
</p>
</Tooltip>
) : null} ) : null}
</div> </div>
</div> </div>