fix: market info e2e test

apps/governance/src/routes/proposals/proposals/proposals-container.tsx

@@ -16,12 +16,8 @@ import orderBy from 'lodash/orderBy';
 const orderByDate = (arr: ProposalFieldsFragment[]) =>
   orderBy(
     arr,
-    [
-      (p) => new Date(p?.terms?.enactmentDatetime || 0).getTime(), // has to be defaulted to 0 because new Date(null).getTime() -> NaN which is first when ordered.
-      (p) => new Date(p?.terms?.closingDatetime).getTime(),
-      (p) => p.id,
-    ],
-    ['desc', 'desc', 'desc']
+    [(p) => new Date(p?.terms?.closingDatetime).getTime(), (p) => p.id],
+    ['desc', 'desc']
   );
 
 export function getNotRejectedProposals<T extends ProposalFieldsFragment>(

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');

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}
             />
           ))}

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 (
     <MarketInfoTable
       data={{
-        '24hourVolume':
-          last24hourVolume && last24hourVolume !== '0'
-            ? addDecimalsFormatNumber(
-                last24hourVolume,
-                market.positionDecimalPlaces
-              )
-            : '-',
-        openInterest: market.data?.openInterest,
-        bestBidVolume: market.data?.bestBidVolume,
-        bestOfferVolume: market.data?.bestOfferVolume,
-        bestStaticBidVolume: market.data?.bestStaticBidVolume,
-        bestStaticOfferVolume: market.data?.bestStaticOfferVolume,
+        '24hourVolume': dash(last24hourVolume),
+        openInterest: dash(market.data?.openInterest),
+        bestBidVolume: dash(market.data?.bestBidVolume),
+        bestOfferVolume: dash(market.data?.bestOfferVolume),
+        bestStaticBidVolume: dash(market.data?.bestStaticBidVolume),
+        bestStaticOfferVolume: dash(market.data?.bestStaticOfferVolume),
       }}
       decimalPlaces={market.positionDecimalPlaces}
       {...props}

libs/ui-toolkit/package.json

@@ -1,4 +1,4 @@
 {
   "name": "@vegaprotocol/ui-toolkit",
-  "version": "0.8.0"
+  "version": "0.9.0"
 }