yarn format
This commit is contained in:
parent
43ca4871f8
commit
8b517651d8
|
@ -171,7 +171,7 @@ export const TrophyIcon = ({ className }) => {
|
|||
)
|
||||
}
|
||||
|
||||
export const CumulativeSizeIcon = ({ className}) => {
|
||||
export const CumulativeSizeIcon = ({ className }) => {
|
||||
return (
|
||||
<svg
|
||||
className={`${className}`}
|
||||
|
@ -197,7 +197,7 @@ export const CumulativeSizeIcon = ({ className}) => {
|
|||
)
|
||||
}
|
||||
|
||||
export const StepSizeIcon = ({ className}) => {
|
||||
export const StepSizeIcon = ({ className }) => {
|
||||
return (
|
||||
<svg
|
||||
className={`${className}`}
|
||||
|
|
|
@ -11,7 +11,12 @@ import Input from '../components/Input'
|
|||
import Slider from '../components/Slider'
|
||||
import { useState, useEffect } from 'react'
|
||||
import Tooltip from '../components/Tooltip'
|
||||
import { floorToDecimal, roundToDecimal, tokenPrecision, usdFormatter } from '../utils/index'
|
||||
import {
|
||||
floorToDecimal,
|
||||
roundToDecimal,
|
||||
tokenPrecision,
|
||||
usdFormatter,
|
||||
} from '../utils/index'
|
||||
|
||||
const StyledJokeWrapper = styled.div`
|
||||
width: calc(100% - 2rem);
|
||||
|
@ -157,8 +162,10 @@ export default function LiquidationCalculator() {
|
|||
const updatedRowData = assetBars.rowData.map((asset) => {
|
||||
let val
|
||||
asset.assetName === assetName
|
||||
? val = assetPrice
|
||||
: val = asset.priceDisabled ? Math.abs(asset.price) : ((Math.abs(asset.price) * sliderPercentage * 2) / 100)
|
||||
? (val = assetPrice)
|
||||
: (val = asset.priceDisabled
|
||||
? Math.abs(asset.price)
|
||||
: (Math.abs(asset.price) * sliderPercentage * 2) / 100)
|
||||
const updatedNet = (asset.deposit - asset.borrow) * Math.abs(val)
|
||||
return { ...asset, ['price']: val, net: updatedNet }
|
||||
})
|
||||
|
@ -270,16 +277,14 @@ export default function LiquidationCalculator() {
|
|||
'collateralRatio',
|
||||
scenarioHashMap.get('liabilities') == 0
|
||||
? 0
|
||||
:
|
||||
scenarioHashMap.get('assets') /
|
||||
scenarioHashMap.get('liabilities') >
|
||||
9.99
|
||||
? 999
|
||||
: scenarioHashMap.get('liabilities') == 0
|
||||
? 0
|
||||
: (scenarioHashMap.get('assets') /
|
||||
scenarioHashMap.get('liabilities')) *
|
||||
100
|
||||
: scenarioHashMap.get('assets') / scenarioHashMap.get('liabilities') >
|
||||
9.99
|
||||
? 999
|
||||
: scenarioHashMap.get('liabilities') == 0
|
||||
? 0
|
||||
: (scenarioHashMap.get('assets') /
|
||||
scenarioHashMap.get('liabilities')) *
|
||||
100
|
||||
)
|
||||
scenarioHashMap.set(
|
||||
'maintCollateralRatio',
|
||||
|
@ -497,11 +502,12 @@ export default function LiquidationCalculator() {
|
|||
value={
|
||||
asset.priceDisabled
|
||||
? (asset.price || 0).toFixed(2)
|
||||
: (
|
||||
roundToDecimal((asset.price *
|
||||
: roundToDecimal(
|
||||
(asset.price *
|
||||
sliderPercentage *
|
||||
2) /
|
||||
100, 2)
|
||||
100,
|
||||
2
|
||||
)
|
||||
}
|
||||
onBlur={() => {
|
||||
|
@ -520,12 +526,13 @@ export default function LiquidationCalculator() {
|
|||
value={
|
||||
asset.priceDisabled
|
||||
? (asset.price || 0).toFixed(2)
|
||||
: (
|
||||
roundToDecimal((asset.price *
|
||||
: roundToDecimal(
|
||||
(asset.price *
|
||||
sliderPercentage *
|
||||
2) /
|
||||
100
|
||||
, 2)).toFixed(2)
|
||||
100,
|
||||
2
|
||||
).toFixed(2)
|
||||
}
|
||||
disabled={asset.priceDisabled}
|
||||
/>
|
||||
|
@ -614,7 +621,9 @@ export default function LiquidationCalculator() {
|
|||
) : null}
|
||||
{scenarioDetails.get('collateralRatio') <=
|
||||
scenarioDetails.get('maintCollateralRatio') &&
|
||||
((scenarioDetails.get('collateralRatio') !== 0 || scenarioDetails.get('leverage') < 0 ) || scenarioDetails.get('leverage') < 0 ) ? (
|
||||
(scenarioDetails.get('collateralRatio') !== 0 ||
|
||||
scenarioDetails.get('leverage') < 0 ||
|
||||
scenarioDetails.get('leverage') < 0) ? (
|
||||
<div className="bg-th-red border border-th-red flex flex-col items-center mb-6 p-3 rounded text-center text-th-fgd-1">
|
||||
<div className="pb-0.5 text-th-fgd-1">Liquidated!</div>
|
||||
<div className="text-th-fgd-1 text-xs">
|
||||
|
@ -643,7 +652,8 @@ export default function LiquidationCalculator() {
|
|||
>
|
||||
{scenarioDetails.get('collateralRatio') <=
|
||||
scenarioDetails.get('maintCollateralRatio') &&
|
||||
(scenarioDetails.get('collateralRatio') !== 0 || scenarioDetails.get('leverage') < 0 )
|
||||
(scenarioDetails.get('collateralRatio') !== 0 ||
|
||||
scenarioDetails.get('leverage') < 0)
|
||||
? 'Liquidated'
|
||||
: scenarioDetails.get('riskRanking')}
|
||||
</div>
|
||||
|
@ -672,7 +682,8 @@ export default function LiquidationCalculator() {
|
|||
{scenarioDetails.get('liabilities') === 0 ||
|
||||
(scenarioDetails.get('collateralRatio') <=
|
||||
scenarioDetails.get('maintCollateralRatio') &&
|
||||
(scenarioDetails.get('collateralRatio') !== 0 || scenarioDetails.get('leverage') < 0 )) ? null : (
|
||||
(scenarioDetails.get('collateralRatio') !== 0 ||
|
||||
scenarioDetails.get('leverage') < 0)) ? null : (
|
||||
<>
|
||||
<div className="flex items-center justify-between pb-3">
|
||||
<div className="text-th-fgd-3">Leverage</div>
|
||||
|
@ -737,7 +748,8 @@ export default function LiquidationCalculator() {
|
|||
>
|
||||
{scenarioDetails.get('collateralRatio') <=
|
||||
scenarioDetails.get('maintCollateralRatio') &&
|
||||
(scenarioDetails.get('collateralRatio') !== 0 || scenarioDetails.get('leverage') < 0 )
|
||||
(scenarioDetails.get('collateralRatio') !== 0 ||
|
||||
scenarioDetails.get('leverage') < 0)
|
||||
? 'Liquidated'
|
||||
: scenarioDetails.get('riskRanking')}
|
||||
</div>
|
||||
|
@ -768,7 +780,8 @@ export default function LiquidationCalculator() {
|
|||
{scenarioDetails.get('liabilities') === 0 ||
|
||||
(scenarioDetails.get('collateralRatio') <=
|
||||
scenarioDetails.get('maintCollateralRatio') &&
|
||||
(scenarioDetails.get('collateralRatio') !== 0 || scenarioDetails.get('leverage') < 0 )) ? null : (
|
||||
(scenarioDetails.get('collateralRatio') !== 0 ||
|
||||
scenarioDetails.get('leverage') < 0)) ? null : (
|
||||
<>
|
||||
<div className="flex items-center justify-between pb-3">
|
||||
<div className="text-th-fgd-3">Leverage</div>
|
||||
|
|
Loading…
Reference in New Issue