feat: change intent colour for healthbar depending on amount staked

vegaprotocol · Sep 26, 2023 · f205145 · f205145
1 parent 5b7ffdc
commit f205145
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 4 deletions.
diff --git a/src/components/HealthBar.tsx b/src/components/HealthBar.tsx
@@ -161,7 +161,6 @@ const Level = ({
         }}
       >
         <div
-          // className="relative h-[inherit] w-full group-hover:scale-y-150 bg-vega-green-550 dark:bg-vega-pink-550"
           className={classNames(
             'relative h-[inherit] w-full group-hover:scale-y-150',
             getIntentBackground(intent)
@@ -219,8 +218,6 @@ export const HealthBar = ({
   const showRemainder = committedNumber < rangeLimit || levels.length === 0
   const showOverflow = !showRemainder && lastVisibleLevel < levels.length - 1
 
-  console.log('triggerRatio', triggerRatio)
-
   return (
     <div className="w-full">
       <div

diff --git a/src/pages/liquidity-provision/index.tsx b/src/pages/liquidity-provision/index.tsx
@@ -381,7 +381,13 @@ const MarketsLiquidity = () => {
                       tradingMode,
                       auctionTrigger
                     )
-                    const intent = intentForStatus(tradingMode)
+                    const suppliedStake = params.data.node.data.suppliedStake
+                    const intent =
+                      suppliedStake >= targetStake
+                        ? Intent.Success
+                        : suppliedStake <= targetStake * auctionTrigger
+                        ? Intent.Danger
+                        : Intent.Warning
                     return (
                       <div>
                         {tradingModeLabel}