cratio color, number formatting

0xPT · Feb 13, 2023 · b5033c3 · b5033c3
1 parent 6909ac5
commit b5033c3
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/src/client/components/app/LineDetailsDisplay/LineMetadata.tsx b/src/client/components/app/LineDetailsDisplay/LineMetadata.tsx
@@ -123,6 +123,7 @@ const StatusWithColor = styled.span<{ status: string }>`
 
 const CratioWithColor = styled.span<{ diff: number }>`
   color: ${({ diff }) => {
+    console.log('CRATIO', diff);
     if (diff >= 15) return '#6AFF4D'; // decent margin - light green
     else if (diff < 0) return '#FF1919'; // liquidatable - bright red
     else return '#E6E600'; // close to liquidatable - darkish yellow
@@ -279,6 +280,7 @@ export const LineMetadata = (props: LineMetadataProps) => {
   const { revenueValue, revenueSummary: revenue } = spigot!;
 
   const renderEscrowMetadata = () => {
+    console.log(cratio);
     if (!deposits) return null;
     if (!collateralValue)
       return (
@@ -330,7 +332,7 @@ export const LineMetadata = (props: LineMetadataProps) => {
               <StyledIcon Component={InfoIcon} size="1.5rem" />
             </Tooltip>
             <MetadataTitle>{t('lineDetails:metadata.cratio')}: </MetadataTitle>{' '}
-            <CratioWithColor diff={Number(cratio) - Number(minCRatio)}>{cratio}%</CratioWithColor>
+            <CratioWithColor diff={Number(cratio) - Number(minCRatio)}>{normalizeAmount(cratio, 2)}%</CratioWithColor>
           </MetadataRow>
           <MetadataRow>
             <Tooltip placement="bottom-start" tooltipComponent={<>{t('lineDetails:metadata.tooltip.min-cratio')}</>}>

diff --git a/src/utils/line.ts b/src/utils/line.ts
@@ -385,7 +385,7 @@ export const formatSecuredLineData = (
     collateralValue: formatUnits(unnullify(collateralValue), 6).toString(),
     cratio: parseUnits(credit.principal.toString(), 'ether').eq(0)
       ? '0'
-      : String(Number(BigNumber.from(10000).mul(collateralValue).div(credit.principal).toString()) / 100),
+      : String(Number(BigNumber.from(10000).mul(collateralValue).div(credit.principal).toString())),
     minCRatio: escrow.minCRatio,
     events: escrowCollateralEvents,
     deposits,
@@ -434,7 +434,7 @@ export const formatSecuredLineData = (
   };
 
   const positions = createPositionsMap(positionFrags, tokenPrices);
-
+  console.log('CRATIO', aggregatedEscrow.cratio);
   return {
     credit: {
       highestApy,