import compact from 'lodash/compact'; import { isAfter } from 'date-fns'; import type { VegaICellRendererParams, VegaValueFormatterParams, } from '@vegaprotocol/datagrid'; import { AgGridLazy as AgGrid, COL_DEFS } from '@vegaprotocol/datagrid'; import { useMemo } from 'react'; import { t } from '@vegaprotocol/i18n'; import { MarketState, MarketStateMapping } from '@vegaprotocol/types'; import { addDecimalsFormatNumber, getMarketExpiryDate, } from '@vegaprotocol/utils'; import { usePositionsQuery } from '@vegaprotocol/positions'; import type { DataSourceFilterFragment, MarketMaybeWithData, } from '@vegaprotocol/markets'; import { MarketTableActions, closedMarketsWithDataProvider, } from '@vegaprotocol/markets'; import { useVegaWallet } from '@vegaprotocol/wallet'; import { useAssetDetailsDialogStore } from '@vegaprotocol/assets'; import type { ColDef } from 'ag-grid-community'; import { SettlementDateCell } from './settlement-date-cell'; import { SettlementPriceCell } from './settlement-price-cell'; import { useDataProvider } from '@vegaprotocol/data-provider'; import { AsyncRenderer } from '@vegaprotocol/ui-toolkit'; type SettlementAsset = MarketMaybeWithData['tradableInstrument']['instrument']['product']['settlementAsset']; interface Row { id: string; code: string; name: string; decimalPlaces: number; state: MarketState; metadata: string[]; closeTimestamp: string | null; bestBidPrice: string | undefined; bestOfferPrice: string | undefined; markPrice: string | undefined; settlementDataOracleId: string; settlementDataSpecBinding: string; setlementDataSourceFilter: DataSourceFilterFragment | undefined; tradingTerminationOracleId: string; settlementAsset: SettlementAsset; realisedPNL: string | undefined; } export const Closed = () => { const { pubKey } = useVegaWallet(); const { data: marketData, loading, error, reload, } = useDataProvider({ dataProvider: closedMarketsWithDataProvider, variables: undefined, }); const { data: positionData } = usePositionsQuery({ variables: { partyId: pubKey || '', }, skip: !pubKey, }); // find a position for each market and add the realised pnl to // a normalized object const rowData = compact(marketData).map((market) => { const position = positionData?.party?.positionsConnection?.edges?.find( (edge) => { return edge.node.market.id === market.id; } ); const instrument = market.tradableInstrument.instrument; const spec = instrument.product.dataSourceSpecForSettlementData.data.sourceType .__typename === 'DataSourceDefinitionExternal' ? instrument.product.dataSourceSpecForSettlementData.data.sourceType .sourceType : undefined; const filters = spec?.filters || []; const settlementDataSpecBinding = instrument.product.dataSourceSpecBinding.settlementDataProperty; const filter = filters?.find((filter) => { return filter.key.name === settlementDataSpecBinding; }); const row: Row = { id: market.id, code: instrument.code, name: instrument.name, decimalPlaces: market.decimalPlaces, state: market.state, metadata: instrument.metadata.tags ?? [], closeTimestamp: market.marketTimestamps.close, bestBidPrice: market.data?.bestBidPrice, bestOfferPrice: market.data?.bestOfferPrice, markPrice: market.data?.markPrice, settlementDataOracleId: instrument.product.dataSourceSpecForSettlementData.id, settlementDataSpecBinding, setlementDataSourceFilter: filter, tradingTerminationOracleId: instrument.product.dataSourceSpecForTradingTermination.id, settlementAsset: instrument.product.settlementAsset, realisedPNL: position?.node.realisedPNL, }; return row; }); return (
); }; const ClosedMarketsDataGrid = ({ rowData }: { rowData: Row[] }) => { const openAssetDialog = useAssetDetailsDialogStore((store) => store.open); const colDefs = useMemo(() => { const cols: ColDef[] = [ { headerName: t('Market'), field: 'code', cellRenderer: ({ value, data, }: VegaICellRendererParams) => { return ( {value} ); }, }, { headerName: t('Description'), field: 'name', }, { headerName: t('Status'), field: 'state', valueFormatter: ({ value }: VegaValueFormatterParams) => { if (!value) return '-'; return MarketStateMapping[value]; }, }, { headerName: t('Settlement date'), colId: 'settlementDate', // colId needed if no field property provided otherwise column order is ruined in tests valueGetter: ({ data }: { data: Row }) => { return getMarketExpiryDate(data.metadata); }, cellRenderer: ({ value, data }: { value: Date | null; data: Row }) => { return ( ); }, cellClassRules: { 'text-danger': ({ value, data, }: { value: Date | null; data: Row; }) => { const date = data.closeTimestamp ? new Date(data.closeTimestamp) : value; if (!date) return false; if ( // expiry has passed and market is not yet settled isAfter(new Date(), date) && data.state !== MarketState.STATE_SETTLED ) { return true; } return false; }, }, }, { headerName: t('Best bid'), field: 'bestBidPrice', type: 'numericColumn', cellClass: 'font-mono ag-right-aligned-cell', valueFormatter: ({ value, data, }: VegaValueFormatterParams) => { if (!value || !data) return '-'; return addDecimalsFormatNumber(value, data.decimalPlaces); }, }, { headerName: t('Best offer'), field: 'bestOfferPrice', cellClass: 'font-mono ag-right-aligned-cell', type: 'numericColumn', valueFormatter: ({ value, data, }: VegaValueFormatterParams) => { if (!value || !data) return '-'; return addDecimalsFormatNumber(value, data.decimalPlaces); }, }, { headerName: t('Mark price'), field: 'markPrice', cellClass: 'font-mono ag-right-aligned-cell', type: 'numericColumn', valueFormatter: ({ value, data, }: VegaValueFormatterParams) => { if (!value || !data) return '-'; return addDecimalsFormatNumber(value, data.decimalPlaces); }, }, { headerName: t('Settlement price'), type: 'numericColumn', field: 'settlementDataOracleId', // 'tradableInstrument.instrument.product.dataSourceSpecForSettlementData.id', cellRenderer: ({ value, data, }: VegaICellRendererParams) => ( ), }, { headerName: t('Realised PNL'), field: 'realisedPNL', cellClass: 'font-mono ag-right-aligned-cell', type: 'numericColumn', valueFormatter: ({ value, data, }: VegaValueFormatterParams) => { if (!value || !data) return '-'; return addDecimalsFormatNumber(value, data.decimalPlaces); }, }, { headerName: t('Settlement asset'), field: 'settlementAsset', cellRenderer: ({ value, data, }: VegaValueFormatterParams) => ( ), }, { colId: 'market-actions', ...COL_DEFS.actions, cellRenderer: ({ data }: VegaICellRendererParams) => { if (!data) return null; return ( ); }, }, ]; return cols; }, [openAssetDialog]); return ( data.id} defaultColDef={{ resizable: true, }} overlayNoRowsTemplate="No data" storeKey="closedMarkets" /> ); };