diff --git a/apps/trading/client-pages/markets/markets.tsx b/apps/trading/client-pages/markets/markets.tsx index ffdf3eb94..a7fa30dee 100644 --- a/apps/trading/client-pages/markets/markets.tsx +++ b/apps/trading/client-pages/markets/markets.tsx @@ -6,8 +6,12 @@ import { Links, Routes } from '../../pages/client-router'; export const Markets = () => { const navigate = useNavigate(); const handleOnSelect = useCallback( - (marketId: string) => { - navigate(Links[Routes.MARKET](marketId)); + (marketId: string, isMetaPressed: boolean) => { + if (isMetaPressed) { + window.open(`/#/markets/${marketId}`, '_blank'); + } else { + navigate(Links[Routes.MARKET](marketId)); + } }, [navigate] ); diff --git a/libs/market-list/src/lib/components/markets-container/markets-container.tsx b/libs/market-list/src/lib/components/markets-container/markets-container.tsx index 01800f93c..d31f9cb4c 100644 --- a/libs/market-list/src/lib/components/markets-container/markets-container.tsx +++ b/libs/market-list/src/lib/components/markets-container/markets-container.tsx @@ -6,7 +6,7 @@ import type { RowClickedEvent } from 'ag-grid-community'; import { marketsWithDataProvider as dataProvider } from '../../markets-provider'; import type { MarketMaybeWithData } from '../../markets-provider'; interface MarketsContainerProps { - onSelect: (marketId: string) => void; + onSelect: (marketId: string, isMetaPressed: boolean) => void; } export const MarketsContainer = ({ onSelect }: MarketsContainerProps) => { @@ -29,7 +29,7 @@ export const MarketsContainer = ({ onSelect }: MarketsContainerProps) => { ) { return; } - onSelect((data as MarketMaybeWithData).id); + onSelect((data as MarketMaybeWithData).id, event.metaKey); }} />