From eaf5b8d6d3022ef750cb27078eb5eddd91699a4e Mon Sep 17 00:00:00 2001
From: Matthew Russell <mattrussell36@gmail.com>
Date: Tue, 19 Sep 2023 16:18:00 -0700
Subject: [PATCH] fix: sidebar for liquidity page

---
 apps/trading/components/sidebar/sidebar.tsx | 26 ++++++---------------
 1 file changed, 7 insertions(+), 19 deletions(-)

diff --git a/apps/trading/components/sidebar/sidebar.tsx b/apps/trading/components/sidebar/sidebar.tsx
index 7aa1a611c..ae52bfd2d 100644
--- a/apps/trading/components/sidebar/sidebar.tsx
+++ b/apps/trading/components/sidebar/sidebar.tsx
@@ -13,7 +13,6 @@ import { NodeHealthContainer } from '../node-health';
 import { Settings } from '../settings';
 import { Tooltip } from '../../components/tooltip';
 import { WithdrawContainer } from '../withdraw-container';
-import { Routes as AppRoutes } from '../../pages/client-router';
 import { GetStarted } from '../welcome-dialog';
 import { useVegaWallet, useViewAsDialog } from '@vegaprotocol/wallet';
 import { useGetCurrentRouteId } from '../../lib/hooks/use-get-current-route-id';
@@ -52,6 +51,8 @@ type SidebarView =
     };
 
 const MarketSidebarButtons = () => {
+  const currentRouteId = useGetCurrentRouteId();
+
   return (
     <>
       <>
@@ -60,11 +61,13 @@ const MarketSidebarButtons = () => {
           view={ViewType.Order}
           icon={VegaIconNames.TICKET}
           tooltip={t('Order')}
+          routeId={currentRouteId}
         />
         <SidebarButton
           view={ViewType.Info}
           icon={VegaIconNames.BREAKDOWN}
           tooltip={t('Market specification')}
+          routeId={currentRouteId}
         />
       </>
     </>
@@ -110,25 +113,10 @@ export const Sidebar = () => {
             path="portfolio"
             element={null}
           />
+          <Route path="markets/:marketId" element={<MarketSidebarButtons />} />
           <Route
-            path=":marketId"
-            element={
-              <>
-                <SidebarDivider />
-                <SidebarButton
-                  view={ViewType.Order}
-                  icon={VegaIconNames.TICKET}
-                  tooltip={t('Order')}
-                  routeId={currentRouteId}
-                />
-                <SidebarButton
-                  view={ViewType.Info}
-                  icon={VegaIconNames.BREAKDOWN}
-                  tooltip={t('Market specification')}
-                  routeId={currentRouteId}
-                />
-              </>
-            }
+            path="liquidity/:marketId"
+            element={<MarketSidebarButtons />}
           />
         </Routes>
       </nav>