From 4add2d1c8c3598e7a3057fe2b61b8bdb4e54a083 Mon Sep 17 00:00:00 2001
From: Madalina Raicu <madalina@raygroup.uk>
Date: Wed, 2 Aug 2023 16:21:39 +0100
Subject: [PATCH] fix: update order view dialog on market click

---
 .../order-list-manager/order-list-manager.tsx    |  1 +
 .../components/order-list/order-view-dialog.tsx  | 16 ++++++++++++----
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/libs/orders/src/lib/components/order-list-manager/order-list-manager.tsx b/libs/orders/src/lib/components/order-list-manager/order-list-manager.tsx
index 6c6d83a25..9455e4413 100644
--- a/libs/orders/src/lib/components/order-list-manager/order-list-manager.tsx
+++ b/libs/orders/src/lib/components/order-list-manager/order-list-manager.tsx
@@ -142,6 +142,7 @@ export const OrderListManager = ({
           isOpen={Boolean(viewOrder)}
           order={viewOrder}
           onChange={() => setViewOrder(null)}
+          onMarketClick={onMarketClick}
         />
       )}
     </>
diff --git a/libs/orders/src/lib/components/order-list/order-view-dialog.tsx b/libs/orders/src/lib/components/order-list/order-view-dialog.tsx
index f19a66869..328734883 100644
--- a/libs/orders/src/lib/components/order-list/order-view-dialog.tsx
+++ b/libs/orders/src/lib/components/order-list/order-view-dialog.tsx
@@ -6,6 +6,7 @@ import { t } from '@vegaprotocol/i18n';
 import { Size } from '@vegaprotocol/datagrid';
 import * as Schema from '@vegaprotocol/types';
 import {
+  ButtonLink,
   Dialog,
   KeyValueTable,
   KeyValueTableRow,
@@ -15,7 +16,6 @@ import {
   truncateMiddle,
 } from '@vegaprotocol/ui-toolkit';
 import type { Order } from '../order-data-provider';
-import { Link } from 'react-router-dom';
 import CopyToClipboard from 'react-copy-to-clipboard';
 import { useCopyTimeout } from '@vegaprotocol/react-helpers';
 
@@ -23,12 +23,14 @@ interface OrderViewDialogProps {
   isOpen: boolean;
   order: Order;
   onChange: (open: boolean) => void;
+  onMarketClick?: (marketId: string, metaKey?: boolean) => void;
 }
 
 export const OrderViewDialog = ({
   isOpen,
   order,
   onChange,
+  onMarketClick,
 }: OrderViewDialogProps) => {
   const [, setCopied] = useCopyTimeout();
   return (
@@ -37,9 +39,15 @@ export const OrderViewDialog = ({
         <KeyValueTableRow key={'order-market'}>
           <div data-testid={'order-market-label'}>{t('Market')}</div>
           <div data-testid={`order-market-value`}>
-            <Link to={`/markets/${order.market?.id}`}>
-              {order.market?.tradableInstrument.instrument.name}
-            </Link>
+            {onMarketClick ? (
+              <ButtonLink
+                onClick={() => order.market && onMarketClick(order.market?.id)}
+              >
+                {order.market?.tradableInstrument.instrument.name}
+              </ButtonLink>
+            ) : (
+              order.market?.tradableInstrument.instrument.name
+            )}
           </div>
         </KeyValueTableRow>
         <KeyValueTableRow key={'order-type'}>