LaconicNetwork/vega-frontend-monorepo
4
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

fix: capitalize trading mode

Browse Source
This commit is contained in:
madalinaraicu 2022-07-15 14:00:57 +02:00
parent b18b8da594
commit 7bc838e12c
1 changed files with 3 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
apps/trading/pages/markets/trade-grid.tsx
View File

@ -23,7 +23,7 @@ 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 capitalize from 'lodash/capitalize';
import startCase from 'lodash/startCase'; import startCase from 'lodash/startCase';
const TradingViews = { const TradingViews = {
@ -57,7 +57,7 @@ export const TradeMarketHeader = ({
const itemClassName = const itemClassName =
'font-sans font-normal mb-0 text-black-60 dark:text-white-80 text-ui-small'; 'font-sans font-normal mb-0 text-black-60 dark:text-white-80 text-ui-small';
const itemValueClassName = const itemValueClassName =
'capitalize font-sans tracking-tighter text-black dark:text-white text-ui'; 'font-sans tracking-tighter text-black dark:text-white text-ui';
const headerClassName = classNames( const headerClassName = classNames(
'w-full p-8 bg-white dark:bg-black', 'w-full p-8 bg-white dark:bg-black',
className className
@ -99,11 +99,7 @@ export const TradeMarketHeader = ({
<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}>
{startCase( {capitalize(startCase(market.tradingMode).toLowerCase())}
market.tradingMode === MarketTradingMode.Continuous
? 'Continuous Trading'
: market.tradingMode
)}
</span> </span>
</div> </div>
</div> </div>