fix: add a lil market link to the orders popup (#1328)

dydxprotocol · Nov 25, 2024 · 4145f23 · 4145f23
1 parent 00dce4a
commit 4145f23
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/src/views/dialogs/DetailsDialog/OrderDetailsDialog.tsx b/src/views/dialogs/DetailsDialog/OrderDetailsDialog.tsx
@@ -1,5 +1,6 @@
 import { OrderFlags, OrderSide } from '@dydxprotocol/v4-client-js';
 import { shallowEqual } from 'react-redux';
+import { Link } from 'react-router-dom';
 
 import {
   AbacusMarginMode,
@@ -11,6 +12,7 @@ import { ButtonAction } from '@/constants/buttons';
 import { DialogProps, OrderDetailsDialogProps } from '@/constants/dialogs';
 import { STRING_KEYS, type StringKey } from '@/constants/localization';
 import { isMainnet } from '@/constants/networks';
+import { AppRoute } from '@/constants/routes';
 import { CancelOrderStatuses } from '@/constants/trade';
 
 import { useParameterizedSelector } from '@/hooks/useParameterizedSelector';
@@ -104,7 +106,11 @@ export const OrderDetailsDialog = ({
       {
         key: 'market',
         label: stringGetter({ key: STRING_KEYS.MARKET }),
-        value: displayId,
+        value: (
+          <Link to={`${AppRoute.Trade}/${marketId}`} tw="underline">
+            {displayId}
+          </Link>
+        ),
       },
       {
         key: 'market-id',