feat: add dashed line to indicate trigger ratio on healthbar

vegaprotocol · Sep 20, 2023 · 5b7ffdc · 5b7ffdc
1 parent 6c9c926
commit 5b7ffdc
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 10 deletions.
diff --git a/src/components/IntentInidcator.tsx b/src/components/IntentInidcator.tsx
@@ -19,6 +19,5 @@ export const Indicator = ({
       'w-3 h-3': size === 'lg',
     }
   )
-  console.log('classnames', names)
   return <div className={names} data-testid="indicator" />
 }
diff --git a/src/hooks/use-market-liquidity.ts b/src/hooks/use-market-liquidity.ts
@@ -71,6 +71,9 @@ const MarketLpDocument = gql`
           }
         }
       }
+      liquidityMonitoringParameters {
+        triggeringRatio
+      }
     }
   }
   ${LiquidityProvisionFieldsFragmentDoc}

diff --git a/src/pages/liquidity-provision/index.tsx b/src/pages/liquidity-provision/index.tsx
@@ -242,7 +242,6 @@ const MarketsLiquidity = () => {
                   )
                   const status = params.data.node.data.marketTradingMode
                   const intent = intentForStatus(status)
-                  console.log('intentForStatus: ', intent)
                   return (
                     <div>
                       <Indicator variant={intent} />
@@ -355,22 +354,29 @@ const MarketsLiquidity = () => {
                 headerName={t('Market Status')}
                 field={'node.data.marketTradingMode'}
                 cellRenderer={(params) => {
-                  const { data, loading, error } = useMarketLiquidityProviders(
+                  const {
+                    data: marketWithLiquidityData,
+                    loading,
+                    error,
+                  } = useMarketLiquidityProviders(
                     params.data.node.data.market.id
                   )
 
                   if (loading) return null
-                  if (data) {
+                  if (marketWithLiquidityData) {
                     const targetStake = params.data.node.data.targetStake
                     const settlementAssetDecimals =
-                      data.market.tradableInstrument.instrument.product
-                        .settlementAsset.decimals
+                      marketWithLiquidityData.market.tradableInstrument
+                        .instrument.product.settlementAsset.decimals
                     const feeLevels = getFeeLevels(
-                      data.market?.liquidityProvisionsConnection?.edges || []
+                      marketWithLiquidityData.market
+                        ?.liquidityProvisionsConnection?.edges || []
                     )
 
                     const tradingMode = params.data.node.data.marketTradingMode
-                    const auctionTrigger = params.data.node.data.auctionTrigger
+                    const auctionTrigger =
+                      marketWithLiquidityData.market
+                        .liquidityMonitoringParameters.triggeringRatio
                     const tradingModeLabel = getStatus(
                       tradingMode,
                       auctionTrigger
@@ -385,6 +391,7 @@ const MarketsLiquidity = () => {
                           decimals={settlementAssetDecimals}
                           levels={feeLevels}
                           intent={intent}
+                          triggerRatio={auctionTrigger}
                         />
                       </div>
                     )
@@ -408,8 +415,8 @@ const percentageLiquidity = (suppliedStake, targetStake) => {
   const display = Number.isNaN(roundedPercentage)
     ? 'N/A'
     : roundedPercentage > 100
-      ? '>100%'
-      : formatNumberPercentage(toBigNum(roundedPercentage, 0), 0)
+    ? '>100%'
+    : formatNumberPercentage(toBigNum(roundedPercentage, 0), 0)
   return display
 }
-Original file line number
+Diff line change
@@ Expand Up / @@ -71,6 +71,9 @@ const MarketLpDocument = gql` @@
               }
             }
           }
+          liquidityMonitoringParameters {
+            triggeringRatio
+          }
         }
       }
       ${LiquidityProvisionFieldsFragmentDoc}
@@ Expand Down @@