fix: show trading mode Continuous Trading and hide market state

This commit is contained in:
madalinaraicu 2022-07-14 12:57:47 +03:00
parent 5f5b3c1912
commit febd998ec9

View File

@ -23,6 +23,8 @@ import {
PriceCellChange, PriceCellChange,
} from '@vegaprotocol/ui-toolkit'; } from '@vegaprotocol/ui-toolkit';
import type { CandleClose } from '@vegaprotocol/types'; import type { CandleClose } from '@vegaprotocol/types';
import { MarketTradingMode } from '@vegaprotocol/types';
import startCase from 'lodash/startCase';
const TradingViews = { const TradingViews = {
Candles: CandlesChartContainer, Candles: CandlesChartContainer,
@ -87,20 +89,18 @@ export const TradeMarketHeader = ({
<span className={itemClassName}>Volume</span> <span className={itemClassName}>Volume</span>
<span data-testid="trading-volume" className={itemValueClassName}> <span data-testid="trading-volume" className={itemValueClassName}>
{market.data && market.data.indicativeVolume !== '0' {market.data && market.data.indicativeVolume !== '0'
? market.data.indicativeVolume ? Number(market.data.indicativeVolume).toLocaleString()
: '-'} : '-'}
</span> </span>
</div> </div>
<div className={headerItemClassName}> <div className={headerItemClassName}>
<span className={itemClassName}>Trading mode</span> <span className={itemClassName}>Trading mode</span>
<span data-testid="trading-mode" className={itemValueClassName}> <span data-testid="trading-mode" className={itemValueClassName}>
{market.tradingMode} {startCase(
</span> market.tradingMode === MarketTradingMode.Continuous
</div> ? 'Continuous Trading'
<div className={headerItemClassName}> : market.tradingMode
<span className={itemClassName}>State</span> )}
<span data-testid="market-state" className={itemValueClassName}>
{market.state}
</span> </span>
</div> </div>
</div> </div>