diff --git a/apps/trading/client-pages/portfolio/deposits-container.tsx b/apps/trading/client-pages/portfolio/deposits-container.tsx index 9b8167aa7..fbc6a220e 100644 --- a/apps/trading/client-pages/portfolio/deposits-container.tsx +++ b/apps/trading/client-pages/portfolio/deposits-container.tsx @@ -6,7 +6,7 @@ import { useDataProvider } from '@vegaprotocol/data-provider'; import { useVegaWallet } from '@vegaprotocol/wallet'; import { useRef } from 'react'; import type { AgGridReact } from 'ag-grid-react'; -import { useSidebar } from '../../components/sidebar'; +import { useSidebar, ViewType } from '../../components/sidebar'; export const DepositsContainer = () => { const gridRef = useRef(null); @@ -29,7 +29,7 @@ export const DepositsContainer = () => { diff --git a/apps/trading/components/sidebar/sidebar.tsx b/apps/trading/components/sidebar/sidebar.tsx index 733b066d0..87c2924e0 100644 --- a/apps/trading/components/sidebar/sidebar.tsx +++ b/apps/trading/components/sidebar/sidebar.tsx @@ -3,7 +3,6 @@ import { DepositContainer } from '@vegaprotocol/deposits'; import { VLogo, VegaIcon, VegaIconNames } from '@vegaprotocol/ui-toolkit'; import { Tooltip } from '../../components/tooltip'; import { WithdrawFormContainer } from '@vegaprotocol/withdraws'; -import { TradingViews } from '../../client-pages/market/trade-views'; import { create } from 'zustand'; import { Route, Routes, useParams } from 'react-router-dom'; import { Settings } from '../settings'; @@ -12,14 +11,39 @@ import { NodeHealthContainer } from '../node-health'; import { MarketInfoAccordionContainer } from '@vegaprotocol/markets'; import { t } from '@vegaprotocol/i18n'; import { DealTicketContainer } from '@vegaprotocol/deal-ticket'; +import { WithdrawContainer } from '../withdraw-container'; + +export enum ViewType { + Order = 'Order', + Info = 'Info', + Deposit = 'Deposit', + Withdraw = 'Withdraw', + Transfer = 'Transfer', + Settings = 'Settings', +} type SidebarView = - | 'order' - | 'info' - | 'deposit' - | 'withdraw' - | 'transfer' - | 'settings'; + | { + type: ViewType.Deposit; + assetId?: string; + } + | { + type: ViewType.Withdraw; + assetId?: string; + } + | { + type: ViewType.Transfer; + assetId?: string; + } + | { + type: ViewType.Order; + } + | { + type: ViewType.Info; + } + | { + type: ViewType.Settings; + }; export const Sidebar = () => { return ( @@ -31,17 +55,17 @@ export const Sidebar = () => {