add stable price to perp stats table

components/stats/PerpMarketsTable.tsx

@@ -15,6 +15,7 @@ import { IconButton } from '@components/shared/Button'
 import { ChevronRightIcon } from '@heroicons/react/20/solid'
 import FormatNumericValue from '@components/shared/FormatNumericValue'
 import { getDecimalCount } from 'utils/numbers'
+import Tooltip from '@components/shared/Tooltip'
 const SimpleAreaChart = dynamic(
   () => import('@components/shared/SimpleAreaChart'),
   { ssr: false }
@@ -60,7 +61,14 @@ const PerpMarketsTable = ({
             <TrHead>
               <Th className="text-left">{t('market')}</Th>
               <Th className="text-right">{t('price')}</Th>
-              <Th className="hidden text-right lg:block"></Th>
+              <Th className="text-right"></Th>
+              <Th className="text-right">
+                <Tooltip content={t('trade:tooltip-stable-price')}>
+                  <span className="tooltip-underline">
+                    {t('trade:stable-price')}
+                  </span>
+                </Tooltip>
+              </Th>
               <Th className="text-right">{t('trade:funding-rate')}</Th>
               <Th className="text-right">{t('trade:open-interest')}</Th>
               <Th className="text-right">{t('rolling-change')}</Th>
@@ -97,7 +105,9 @@ const PerpMarketsTable = ({
                   <Td>
                     <div className="flex items-center">
                       <MarketLogos market={market} />
-                      <p className="font-body">{market.name}</p>
+                      <p className="whitespace-nowrap font-body">
+                        {market.name}
+                      </p>
                     </div>
                   </Td>
                   <Td>
@@ -130,6 +140,16 @@ const PerpMarketsTable = ({
                       <div className="h-10 w-[104px] animate-pulse rounded bg-th-bkg-3" />
                     )}
                   </Td>
+                  <Td>
+                    <div className="flex flex-col text-right">
+                      <p>
+                        <FormatNumericValue
+                          value={market.stablePriceModel.stablePrice}
+                          isUsd
+                        />
+                      </p>
+                    </div>
+                  </Td>
                   <Td>
                     <div className="flex flex-col text-right">
                       <p>{fundingRate}</p>

public/locales/en/trade.json

@@ -46,10 +46,12 @@
     "side": "Side",
     "size": "Size",
     "spread": "Spread",
+    "stable-price": "Stable Price",
     "tooltip-enable-margin": "Enable spot margin for this trade",
     "tooltip-ioc": "Immediate-Or-Cancel (IOC) orders are guaranteed to be the taker and must be executed immediately. Any portion of the order that can't be filled immediately will be cancelled",
     "tooltip-post": "Post orders are guaranteed to be the maker or they will be canceled",
     "tooltip-slippage": "An estimate of the difference between the current price and the price your trade will be executed at",
+    "tooltip-stable-price": "Stable price is used in a safety mechanism that limits a user's ability to enter risky positions when the oracle price is changing rapidly",
     "trade-sounds-tooltip": "Play a sound alert for every new trade",
     "trades": "Trades",
     "unsettled": "Unsettled"

public/locales/es/trade.json

@@ -46,10 +46,12 @@
     "side": "Side",
     "size": "Size",
     "spread": "Spread",
+    "stable-price": "Stable Price",
     "tooltip-enable-margin": "Enable spot margin for this trade",
     "tooltip-ioc": "Immediate-Or-Cancel (IOC) orders are guaranteed to be the taker and must be executed immediately. Any portion of the order that can't be filled immediately will be cancelled",
     "tooltip-post": "Post orders are guaranteed to be the maker or they will be canceled",
     "tooltip-slippage": "An estimate of the difference between the current price and the price your trade will be executed at",
+    "tooltip-stable-price": "Stable price is used in a safety mechanism that limits a user's ability to enter risky positions when the oracle price is changing rapidly",
     "trade-sounds-tooltip": "Play a sound alert for every new trade",
     "trades": "Trades",
     "unsettled": "Unsettled"

public/locales/ru/trade.json

@@ -46,10 +46,12 @@
     "side": "Side",
     "size": "Size",
     "spread": "Spread",
+    "stable-price": "Stable Price",
     "tooltip-enable-margin": "Enable spot margin for this trade",
     "tooltip-ioc": "Immediate-Or-Cancel (IOC) orders are guaranteed to be the taker and must be executed immediately. Any portion of the order that can't be filled immediately will be cancelled",
     "tooltip-post": "Post orders are guaranteed to be the maker or they will be canceled",
     "tooltip-slippage": "An estimate of the difference between the current price and the price your trade will be executed at",
+    "tooltip-stable-price": "Stable price is used in a safety mechanism that limits a user's ability to enter risky positions when the oracle price is changing rapidly",
     "trade-sounds-tooltip": "Play a sound alert for every new trade",
     "trades": "Trades",
     "unsettled": "Unsettled"

public/locales/zh/trade.json

@@ -46,10 +46,12 @@
     "side": "Side",
     "size": "Size",
     "spread": "Spread",
+    "stable-price": "Stable Price",
     "tooltip-enable-margin": "Enable spot margin for this trade",
     "tooltip-ioc": "Immediate-Or-Cancel (IOC) orders are guaranteed to be the taker and must be executed immediately. Any portion of the order that can't be filled immediately will be cancelled",
     "tooltip-post": "Post orders are guaranteed to be the maker or they will be canceled",
     "tooltip-slippage": "An estimate of the difference between the current price and the price your trade will be executed at",
+    "tooltip-stable-price": "Stable price is used in a safety mechanism that limits a user's ability to enter risky positions when the oracle price is changing rapidly",
     "trade-sounds-tooltip": "Play a sound alert for every new trade",
     "trades": "Trades",
     "unsettled": "Unsettled"

public/locales/zh_tw/trade.json

@@ -46,10 +46,12 @@
     "side": "Side",
     "size": "Size",
     "spread": "Spread",
+    "stable-price": "Stable Price",
     "tooltip-enable-margin": "Enable spot margin for this trade",
     "tooltip-ioc": "Immediate-Or-Cancel (IOC) orders are guaranteed to be the taker and must be executed immediately. Any portion of the order that can't be filled immediately will be cancelled",
     "tooltip-post": "Post orders are guaranteed to be the maker or they will be canceled",
     "tooltip-slippage": "An estimate of the difference between the current price and the price your trade will be executed at",
+    "tooltip-stable-price": "Stable price is used in a safety mechanism that limits a user's ability to enter risky positions when the oracle price is changing rapidly",
     "trade-sounds-tooltip": "Play a sound alert for every new trade",
     "trades": "Trades",
     "unsettled": "Unsettled"