diff --git a/apps/trading-e2e/src/integration/market-info.cy.ts b/apps/trading-e2e/src/integration/market-info.cy.ts index ac7c41192..e51b14afb 100644 --- a/apps/trading-e2e/src/integration/market-info.cy.ts +++ b/apps/trading-e2e/src/integration/market-info.cy.ts @@ -39,7 +39,7 @@ describe('market info is displayed', { tags: '@smoke' }, () => { it('market volume displayed', () => { cy.getByTestId(marketTitle).contains('Market volume').click(); validateMarketDataRow(0, '24 Hour Volume', '1'); - validateMarketDataRow(1, 'Open Interest', '0'); + validateMarketDataRow(1, 'Open Interest', '-'); validateMarketDataRow(2, 'Best Bid Volume', '1'); validateMarketDataRow(3, 'Best Offer Volume', '3'); validateMarketDataRow(4, 'Best Static Bid Volume', '2'); diff --git a/libs/market-info/src/components/market-info/info-key-value-table.tsx b/libs/market-info/src/components/market-info/info-key-value-table.tsx index 3d5b27cb6..f77ff38a6 100644 --- a/libs/market-info/src/components/market-info/info-key-value-table.tsx +++ b/libs/market-info/src/components/market-info/info-key-value-table.tsx @@ -106,7 +106,7 @@ export const MarketInfoTable = ({ decimalPlaces={decimalPlaces} assetSymbol={assetSymbol} asPercentage={asPercentage} - unformatted={unformatted || key.toLowerCase().includes('volume')} + unformatted={unformatted} noBorder={noBorder} /> ))} diff --git a/libs/market-info/src/components/market-info/market-info-panels.tsx b/libs/market-info/src/components/market-info/market-info-panels.tsx index fae385618..a87a32e10 100644 --- a/libs/market-info/src/components/market-info/market-info-panels.tsx +++ b/libs/market-info/src/components/market-info/market-info-panels.tsx @@ -96,21 +96,19 @@ export const MarketVolumeInfoPanel = ({ ...props }: MarketInfoWithDataAndCandlesProps & PanelProps) => { const last24hourVolume = market.candles && calcCandleVolume(market.candles); + + const dash = (value: string | undefined) => + value && value !== '0' ? value : '-'; + return (