-
- {
- window.open(
- liquidityDetailsConsoleLink(data.id, consoleLink),
- '_blank',
- 'noopener,noreferrer'
- );
- },
- }}
- rowData={data}
- defaultColDef={{
- resizable: true,
- sortable: true,
- unSortIcon: true,
- cellClass: ['flex', 'flex-col', 'justify-center'],
- tooltipComponent: TooltipCellComponent,
- }}
- columnDefs={columnDefs}
- getRowId={getRowId}
- isRowClickable
- tooltipShowDelay={500}
- />
- {
- setIsHealthDialogOpen(!isHealthDialogOpen);
- }}
- />
-
-
- );
-};
-
-const liquidityDetailsConsoleLink = (
- marketId: string,
- consoleLink: (url: string | undefined) => string
-) => consoleLink(`/#/liquidity/${marketId}`);
diff --git a/apps/liquidity-provision-dashboard/src/app/components/detail/detail.tsx b/apps/liquidity-provision-dashboard/src/app/components/detail/detail.tsx
deleted file mode 100644
index 846ccfaf6..000000000
--- a/apps/liquidity-provision-dashboard/src/app/components/detail/detail.tsx
+++ /dev/null
@@ -1,103 +0,0 @@
-import { useParams } from 'react-router-dom';
-import { makeDerivedDataProvider } from '@vegaprotocol/data-provider';
-import { t } from '@vegaprotocol/i18n';
-import { useDataProvider } from '@vegaprotocol/data-provider';
-import { AsyncRenderer } from '@vegaprotocol/ui-toolkit';
-
-import {
- getFeeLevels,
- sumLiquidityCommitted,
- lpAggregatedDataProvider,
-} from '@vegaprotocol/liquidity';
-import { getAsset, marketWithDataProvider } from '@vegaprotocol/markets';
-import type { MarketWithData } from '@vegaprotocol/markets';
-
-import { Market } from './market';
-import { Header } from './header';
-import { LPProvidersGrid } from './providers';
-
-const formatMarket = (market: MarketWithData) => {
- return {
- name: market?.tradableInstrument.instrument.name,
- symbol: getAsset(market).symbol,
- settlementAsset: getAsset(market),
- targetStake: market?.data?.targetStake,
- tradingMode: market?.data?.marketTradingMode,
- trigger: market?.data?.trigger,
- };
-};
-
-export const lpDataProvider = makeDerivedDataProvider(
- [marketWithDataProvider, lpAggregatedDataProvider],
- ([market, lpAggregatedData]) => ({
- market: { ...formatMarket(market) },
- liquidityProviders: lpAggregatedData || [],
- })
-);
-
-const useMarketDetails = (marketId: string | undefined) => {
- const { data, loading, error } = useDataProvider({
- dataProvider: lpDataProvider,
- skipUpdates: true,
- variables: { marketId: marketId || '' },
- });
-
- const liquidityProviders = data?.liquidityProviders || [];
-
- return {
- data: {
- name: data?.market?.name,
- symbol: data?.market?.symbol,
- liquidityProviders: liquidityProviders,
- feeLevels: getFeeLevels(liquidityProviders),
- comittedLiquidity: sumLiquidityCommitted(liquidityProviders) || 0,
- settlementAsset: data?.market?.settlementAsset || {},
- targetStake: data?.market?.targetStake || '0',
- tradingMode: data?.market.tradingMode,
- },
- error,
- loading: loading,
- };
-};
-
-type Params = { marketId: string };
-
-export const Detail = () => {
- const { marketId } = useParams